@media only screen and (min-width: 1600px) {
    .container {
        max-width: 1470px;
        margin: auto;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .container-fluid {
        width: 100%;
        padding: 0px 60px;
    }
    

}

@media only screen and (max-width: 1600px) {
    .explore-sec .image-text p {
        font-size: 17px;
        line-height: 1.6;
    }
    .fl-icon-wrap p{
        font-size: 15px;
    }
    .fl-icon-wrap {
        gap: 15px;
    }
    .img_sldr button.slick-arrow.slick-next {
        right: -10px !important;
    }
    .img_sldr button.slick-arrow.slick-prev {
        left: -10px !important;
    }
}

@media only screen and (max-width: 1400px) {

body {
    font-size: 20px;
    line-height: 32px;
}
.small {
    font-size: 16px;
    line-height: 26px;
}
.size14,
.size14 p {
    font-size: 14px;
    line-height: 28px;
}
.size16,
.size16 p {
    font-size: 16px;
    line-height: 24px;
}
.size18,
.size18 p {
    font-size: 18px;
    line-height: 28px;
}

h1,h2,h3,h4,h5,h6{
    font-family: Open Sans;
    line-height: 1.2;    
}
h1 {
    font-size: 56px;
}

h2 {
    font-size: 47px;
    
   }
h3 {   
    font-size: 34px;    
}
h4 {
    font-size: 28px;
}
h5 {
    font-size: 26px;
}
h6 {
    font-size: 22px;
}
header.main_header .hdr-middle .hrd-middle-nav .navbar-nav {
    gap: 20px;
}
.container-fluid {
    padding: 0px;
}
header.main_header .hdr-middle .hrd-middle-nav .navbar-nav a.nav-link {
    padding: 5px;
}

}

@media only screen and (max-width: 1200px) {
header.main_header .btn-text {
    flex-direction: column;
}
header.main_header .hdr-middle .hrd-middle-nav button.navbar-toggler {
    margin-left: auto;
}
header.main_header .hdr-middle .hrd-middle-nav a.navbar-brand {
    max-width: 140px;
}
body {
    font-size: 16px;
    line-height: 1.6;
}
h1 {
    font-size: 50px;
}
h2 {
    font-size: 33px;
}
h3 {   
    font-size: 30px;    
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 22px;
}
h6 {
    font-size: 20px;
}
.p_60 {
    padding: 40px 0px;
}

.p_80 {
    padding: 60px 0px;
}
.p_110 {
    padding: 90px 0px;
}
.p_120 {
    padding: 80px 0px;
}
.p_140 {
    padding: 100px 0px;
}
.pt_40 {
    padding-top: 40px;
}
.pt_80 {
    padding-top: 60px;
}
.pt_110 {
   padding-top: 90px;
}
.pt_120 {
   padding-top: 80px;
}
.pt_140 {
   padding-top: 100px;
}
.pb_40 {
    padding-bottom: 40px;
}
.pb_80 {
    padding-bottom: 60px;
}
.pb_110 {
   padding-bottom: 80px;
}
.pb_120 {
   padding-bottom: 80px;
}
.pb_140 {
   padding-bottom: 100px;
}
.mt-50{
    margin-top: 40px !important;
}
.mt-20{
    margin-top: 20px !important;
}
.mb-40{
    margin-bottom: 30px !important;
}
section.request-quote-sec .request-quest-content {
    padding: 40px;
}
.cta {
    padding: 14px 35px;
    font-size: 16px;
}
.our-security-sec .slick-dots ,.recent-chicagoland-sec .slick-dots {
    bottom: -20px;
    position: relative;
}
footer.ftr-sec .row {
    row-gap: 30px;
}
.toggle {
    cursor: pointer;
    overflow: hidden;
    width: 30px;  /* Adjusted size for better fit */
    height: 30px;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.line-toggle {
    position: absolute;
    display: block;
    width: 25px;  /* Max width set to 25px */
    height: 3px;
    background: #000;
    border-radius: 5px;
    transition: all 0.4s ease-in-out;
    text-align: right;
    right: 0;
}

.line-toggle:first-child {
    width: 19px;
    transform: translateY(-12px);
}

.line-toggle:nth-child(2) {
    width: 12px;
    transition-delay: 0.12s;
}

.line-toggle:last-child {
    width: 25px;
    transform: translateY(12px);
}

.toggle.activate .line-toggle:first-child {
    transform: rotate(45deg) translateY(0px);
    width: 25px;
}
.toggle.activate .line-toggle:nth-child(2) {
    opacity: 0;
}

.toggle.activate .line-toggle:last-child {
    transform: rotate(-45deg);
}
header.main_header .hdr-middle .hrd-middle-nav button.navbar-toggler:focus{
box-shadow: none;
}


}
@media only screen and (max-width: 991px) {
    header.main_header .btn-text {
        flex-direction: column;
    }
    header.main_header .hdr-middle .hrd-middle-nav button.navbar-toggler {
        margin-left: auto;
    }
    header.main_header .hdr-middle .hrd-middle-nav a.navbar-brand {
        max-width: 140px;
    }
    body {
        font-size: 16px;
        line-height: 1.6;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {   
        font-size: 28px;    
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 18px;
    }
    .p_60 {
        padding: 40px 0px;
    }
    
    .p_80 {
        padding: 60px 0px;
    }
    .p_110 {
        padding: 90px 0px;
    }
    .p_120 {
        padding: 80px 0px;
    }
    .p_140 {
        padding: 80px 0px;
    }
    .pt_40 {
        padding-top: 40px;
    }
    .pt_80 {
        padding-top: 40px;
    }
    .pt_110 {
       padding-top: 70px;
    }
    .pt_120 {
       padding-top: 60px;
    }
    .pt_140 {
       padding-top: 80px;
    }
    .pb_40 {
        padding-bottom: 40px;
    }
    .pb_80 {
        padding-bottom: 40px;
    }
    .pb_110 {
       padding-bottom: 60px;
    }
    .pb_120 {
       padding-bottom: 60px;
    }
    .pb_140 {
       padding-bottom: 60px;
    }
    .mt-50{
        margin-top: 30px !important;
    }
    .mt-20{
        margin-top: 20px !important;
    }
    .mb-40{
        margin-bottom: 30px !important;
    }
    section.request-quote-sec .request-quest-content {
        padding: 30px;
    }
    .cta {
        padding: 14px 35px;
        font-size: 16px;
    }
    .our-security-sec .slick-dots ,.recent-chicagoland-sec .slick-dots {
        bottom: -20px;
        position: relative;
    }
    header.main_header .hrd-top-bar {
        display: none;
    }
    header.main_header .hdr_btm {
        display: none;
    }
    header.main_header .hdr-middle .hrd-middle-nav a.navbar-brand {
        position: relative;
        box-shadow: none;
    }
    header.main_header .hdr-middle .hrd-middle-nav nav.navbar {
        padding: 5px;
    }
    footer.ftr-sec .row {
        row-gap: 30px;
    }
    header.main_header .navbar-collapse {
        width: 100%;
        position: absolute;
        top: 100%;
        background: #fff;
        z-index: 99;
        padding: 20px;
        box-shadow: 20px 14px 14px 0px #002E6233;
    }
    header.main_header .hdr-middle .hrd-middle-nav .navbar-nav a.nav-link {
        text-align: left;
    }
    header.main_header .mob-call{
        display: block;
    }
    }

    @media only screen and (max-width: 767px) {
        body {
            font-size: 16px;
            line-height: 1.6;
        }
        h1 {
            font-size: 40px;
        }
        h2 {
            font-size: 30px;
        }
        h3 {   
            font-size: 28px;    
        }
        h4 {
            font-size: 22px;
        }
        h5 {
            font-size: 20px;
        }
        h6 {
            font-size: 18px;
        }
        .p_60 {
            padding: 40px 0px;
        }
        
        .p_80 {
            padding: 60px 0px;
        }
        .p_110 {
            padding: 70px 0px;
        }
        .p_120 {
            padding: 70px 0px;
        }
        .p_140 {
            padding: 70px 0px;
        }
        .pt_40 {
            padding-top: 40px;
        }
        .pt_80 {
            padding-top: 40px;
        }
        .pt_110 {
           padding-top: 70px;
        }
        .pt_120 {
           padding-top: 70px;
        }
        .pt_140 {
           padding-top: 70px;
        }
        .pb_40 {
            padding-bottom: 40px;
        }
        .pb_80 {
            padding-bottom: 40px;
        }
        .pb_110 {
           padding-bottom: 70px;
        }
        .pb_120 {
           padding-bottom: 70px;
        }
        .pb_140 {
           padding-bottom: 70px;
        }
        .mt-50{
            margin-top: 30px !important;
        }
        .mt-20{
            margin-top: 20px !important;
        }
        .mb-40{
            margin-bottom: 30px !important;
        }
        section.banner-sec.half-half-sec {
            padding: 0;
        }
        
        section.banner-sec .row ,.reinforced-steel-sec .row {
            flex-direction: column-reverse;
        }
        
        .half-half-sec .half-half-sec-img {
            position: relative;
            width: 100%;
        }
        section.banner-sec .row .col-md-6:last-child ,.reinforced-steel-sec .row .col-md-6:first-child {
            padding: 0;
        }
        .banner-sec .banner-content-left {
            padding-block: 40px;
            max-width: 362px;
        }
        .banner-sec .banner-content-left p {
            font-size: 14px;
        }
        .our-security-sec .slick-dots, .recent-chicagoland-sec .slick-dots {
            bottom: 0px;
            position: relative;
        }
        .explore-sec .image-text {
            max-width: 302px;
            margin: auto;
        }
        .explore-sec .image-text p {
            font-size: 20px;
            font-weight: 700;
        }
        .explore-sec .image-text img {
            max-width: 89px;
        }
        .Best-steel-image-text-sec .Best-steel-image-text-content .row
        ,.all-season-ready-sec .row{
            /* flex-direction: column-reverse; */
            row-gap: 50px;
        }
        .Best-steel-image-text-sec .Best-steel-image-text-content .row:first-child {
            flex-direction: column-reverse;
        }
        .reinforced-steel-sec ,section.custom-security-sec {
            padding: 0;
        }
        .reinforced-steel-sec .row ,section.custom-security-sec .row {
            flex-direction: column-reverse;
        }
        .reinforced-steel-sec .banner-content-left
        ,section.custom-security-sec .banner-content-left{
            padding-block: 40px;
        }
        section.custom-security-sec .row .col-md-6:first-child
        ,.reinforced-steel-sec .col-md-6:first-child{
            padding: 0;
        }
        section.miltered-vault-sec  .row {
            row-gap: 30px;
        }
        section.request-quote-sec .request-quest-content {
            padding: 50px;
            text-align: left;
        }
        section.request-quote-sec .request-quest-content .cta-btn-box {
            text-align: left !important;
        }
        .view-security-slider button.slick-arrow.slick-prev {
            left: 0;
        }
        .view-security-slider button.slick-arrow.slick-next {
            right: 0;
        }
     .view-security-slider button.slick-arrow {
		width: 30px;
		height: 30px;
		font-size: 16px;
		top: 50%;
		transform: translateY(-200%);
	}
        .recent-chicagoland-slides-img {
            width: 100%;
        }
        .recent-chicagoland-slides-img img {
            width: 100%;
        }
        .our-security-sec .slick-dotted.slick-slider, .recent-chicagoland-sec .slick-dotted.slick-slider {
            margin-bottom: 0;
        }
        }


    @media only screen and (max-width: 575px) {
        header.main_header .hdr-middle .hrd-middle-nav a.navbar-brand {
            max-width: 60px;
        }
        header.main_header .hdr-middle .hrd-middle-nav button.navbar-toggler {
            margin-left: unset;
        }
        header.main_header .mob-call {
            margin-left: auto;
        }
        header.main_header .mob-call a {
            font-size: 22px;
            margin-right: 20px;
        }
        .best-steel-text p {
            max-width: 388px;
        }
        h1 {
            font-size: 40px;
        }
        h2 {
            font-size: 28px;
        }
        h3 {   
            font-size: 24px;    
        }
        h4 {
            font-size: 22px;
        }
        h5 {
            font-size: 20px;
        }
        h6 {
            font-size: 18px;
        }
        .container{
            padding: 0 20px;
        }
        .half-half-sec .row {
            margin-inline: -20px;
        }
        .all-season-ready-sec .all-season-ready-content .best-steel-text {
            max-width: 360px;
        }
        section.custom-security-sec .banner-content-left {
            max-width: 345px;
        }
        section.custom-security-sec .banner-content-left h2 {
            max-width: 287px;
        }
        .miltered-vault-box {
            max-width: 350px;
            margin: auto;
            padding: 40px 23px;
        }
        .our-security-head p {
            max-width: 366px;
            margin: auto;
        }
        .slick-list.draggable {
            padding: 0 34% !important;
        }
        .slick-slide.slick-current.slick-active.slick-center .view-security-slides h5 {
            font-size: 18px;
        }
        .view-security-sec h2 {
            max-width: 347px;
        }
        .color-select-sec h2 {
            max-width: 303px;
            margin: auto;
        }
        .fl-icon-wrap {
            flex-direction: column;
            gap: 12px;
        }
        .fl-icon-wrap .fl-icon i {
            font-size: 84px;
        }
        .color-selecet-content .row {
            row-gap: 40px;
        }
        footer.ftr-sec {
            padding: 50px 20px 80px 20px;
        }
        .ftr-sec .ftr-top-part .ftr-top-right-content {
            flex-direction: column;
            gap: 70px;
        }
        footer.ftr-sec .row {
            gap: 45px;
        }
        .ftr-sec .ftr-top-part .ftr-top-right-content .ftr-top-right-content-rgt .cta-btn-box {
            margin-top: 25px;
        }
        .ftr-sec .ftr-top-part h5 {
            padding-bottom: 17px;
        }
        .ftr-btm-part .review-ftr p {
            font-size: 14px;
            line-height: 1.6;
            max-width: 326px;
        }
        footer.ftr-sec .ftr-lets-chat {
            max-width: 60px;
            right: 15px;
            bottom: 25%;
        }
        .ftr-sec .ftr-top-part .ftr-top-left-content .ftr-list ul{
            gap: 15px;
        }
        .ftr-sec .ftr-top-part .ftr-top-right-content .ftr-top-right-content-rgt a:not(:last-child){
            margin-bottom: 15px;
        }
        .dkstp-social-ftr{
            display: none;
        }
        .mob-social-ftr{
            display: block;
        }
        .ftr-sec .ftr-top-part .social-link-circle.social-links ul li a {
            border: 0.5px solid #FFFFFF;
            width: 45px;
            height: 45px;
        }
    }