@media(max-width:1800px){
    .header-bottom ul { gap: 50px; }
    .logo-item { width: 250px; height: auto;}
}

@media(max-width:1700px){
 .header-bottom ul li a{     font-size: 27px; line-height: 37px; }
 .logo-item { width: 240px; height: auto; }
}

@media(max-width:1599px){

h1, .h1 { font-size: 60px; line-height: normal;}
h2, .h2 { font-size: 42px; }
h3, .h3 { font-size: 36px; }
h4, .h4 { font-size: 30px !important; }
h5, .h5 { font-size: 23px; }
p,.facilities_card span,.def-page p,.def-page ul li{ font-size: 24px; line-height: 34px;  }
.hero-left p{ max-width: fit-content; }
.hero-left h1 { line-height: 67px; font-size: 50px; }
.header-bottom ul li a { font-size: 23px; line-height: 34px; }
.header-bottom ul { gap: 35px; }
.hero { padding: 60px 0;}
.hero-right{ height: 100%; }
.hero-right img{ width: 100%; height: 100%; object-fit: cover; }
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"]{    letter-spacing: 1%; font-size: 24px; }
.header-top .call a{ font-size: 26px; line-height: 34px; }
.header-top { gap: 38px; }
.why_facilities,.what_we,.duro-last,.sheet_metal.def-page,.def-page,.what_client,.industry,.faq,.talk{ padding: 45px 0 45px 0; }
.what_we { padding: 45px 0   !important;}
.why_facilities h2{ padding: 0 0 10px; }
.facilities_text{ font-size: 40px; line-height: 48px; }
.what_we_inr{ margin-top: 17px !important; }
.def-page ul{ margin-top: 0; }
.roof_aset { padding-top: 50px; gap: 40px; }
.logo-item { width: calc(25% - 10px); height: auto; }


.def-page h2 { font-size: 40px; line-height: 50px; }
.def-page h3 { font-size: 30px; line-height: 40px; }
.def-page ul li:before{ width: 25px; height: 25px;top: 12px; }

.dot_ul ul li:before{ width: 8px; height: 8px; top: 18px; }
 .footer_row{ gap:115px; }
.page_title h1 { margin-bottom: 40px; }
.family_otr { gap: 40px; margin-top: 40px; }
.def-page ul li { padding: 5px 10px 30px 38px;}
.def-page a { font-size: 24px;}
.contact_form .contact_form_inr { display: flex; gap: 30px; padding: 40px 0;}
.privacy-page .privacy-inner { padding-left: 20px; margin-bottom: 15px; }
.privacy-page ol { margin-bottom: 20px; }
.def-page ol li { font-size: 24px; }





 
}

@media(max-width:1399px){
h1, .h1 { font-size: 50px; line-height: normal;}
h2, .h2 { font-size: 38px; }
h3, .h3 { font-size: 34px; }
h4, .h4 { font-size: 28px !important; }
h5, .h5 { font-size: 21px; }
p,.facilities_card span,.def-page p,.def-page ul li{ font-size: 20px; line-height: 30px;  }
.why_facilities,.what_we,.duro-last,.sheet_metal.def-page,.def-page,.what_client,.industry,.faq,.talk{ padding: 35px 0; }
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { letter-spacing: 1%; font-size: 20px; padding: 8px 18px; line-height: 27px; }
.what_we { padding: 35px 0   !important;}
.header-bottom ul { gap: 25px; }
.header-bottom ul li a { font-size: 20px; line-height: 30px; }
.header-left { width: 275px; }
.hero-left h1 { line-height: 50px; font-size: 40px; }
.hero-right::before{  width: 150px; left: -3px; }
.hero-right{ max-width: 68%; }
.hero { padding: 50px 0; }
.facilities_text { font-size: 29px; line-height: 42px; }
.roof_right .what_box ul { margin-top: 0; }
.what_img img { width: 70px; height: auto; object-fit: contain; }
.proven_otr { gap: 50px; }
.proven_box ul{ padding: 0; }
.footer_row{ gap:85px; }
.footer_bottom p { margin-bottom: 0; }
.footer_tagline { margin: 9px 0 9px; padding: 10px 0; border-width: 2px; }
.header-bottom ul li ul.sub-menu li a{font-size: 20px;}
.def-page h2 { font-size: 34px; line-height: 42px; }
.def-page h3 { font-size: 27px; line-height: 35px; }
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin: 0 0 13px 0; }
.def-page .right-img,.def-page .left-img,.def-page .fr,.def-page .fl{ width: 50%; }
.def-page ul li{ padding: 4px 6px 14px 35px; }
.def-page ul li:before { width: 20px; height: 20px; top: 12px; }
.dot_ul ul li:before{ width: 8px; height: 8px; top: 18px; }
.default-content.dot_ul ul li,.proven_box.dot_ul ul li{ padding: 0px 6px 7px 18px;}
.default-content.dot_ul ul li::before,.proven_box.dot_ul ul li::before{ top: 9px; }
.commercial_card { padding: 25px 20px;}
.commercial_otr { margin: 0 -10px;}
.built_for_facility.def-page ul li { padding: 20px; margin-top: 10px;}
.built_for_facility_inr { margin-top: 35px; gap: 35px;}
.commercial_box { padding: 10px; }
.page-template-pillar-page .commercial_box h3 { margin-bottom: 0;}
.what_box { padding: 20px 25px; }
.def-page ul { padding-bottom: 20px; }
.what_client .what_client_inr .what_client_card p:last-child, .commercial_card p:last-child { font-size: 22px; }
.dot_ul ul.col-2 li:before, .dot_ul ul.col-3 li:before, .dot_ul ul li:before { top: 14px;}
.def-page a { font-size: 22px; }
.contact_form .contact_form_left { padding: 35px 30px; max-width: 100%;}
.contact_form .contact_form_inr { flex-wrap: wrap;}
.contact_form .contact_form_right { width: 100%; }
.contact_form .contact_form_map iframe { height: 500px;}
#gform_drag_drop_area_1_8 { padding-top: 60px; }
#gform_drag_drop_area_1_8::before { top: 15px; width: 40px; height: 40px;}
.contact_form .contact_form_left h2 { margin-bottom: 25px; }
.gform_wrapper.gravity-theme #field_submit{  width: fit-content;  line-height: 0; display: flex; gap: 30px;}
.contact_form .contact_form_inr { display: flex; gap: 20px; padding: 20px 0; }
.def-page ol li { font-size: 20px; }

}

@media(max-width:1199px){
h1, .h1 { font-size: 42px; line-height: normal;}
h2, .h2 { font-size: 36px; }
h3, .h3 { font-size: 30px; }
h4, .h4 { font-size: 24px !important; }
h5, .h5 { font-size: 20px; }
p{ margin-bottom: 18px; }
p,.facilities_card span,.def-page p,.def-page ul li{ font-size: 18px; line-height: 28px;  }
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { letter-spacing: 1%; font-size: 18px; padding: 8px 15px; line-height: 27px; }
.header-top .two-button { gap: 20px; }
.header-top .call a { font-size: 20px; line-height: 30px; }
.header-top { gap: 20px; }
.header-right{ gap: 15px 0; }
.header-left { width: 250px; }
.header-bottom ul { gap: 15px; }
.header-bottom ul li a { font-size: 16px; line-height: 28px; }
.hero-left h1 { line-height: 41px; font-size: 35px; }
.hero-right::before { width: 78px; left: -3px; }
.hero { padding: 40px 0; }
.facilities_text { font-size: 26px; line-height: 36px; }
.facilities_card img { margin: 0 auto 10px; width: 30px; }
.what_img img { width: 50px;}
.what_box{ padding: 15px 20px; }
.roof_aset { padding-top: 20px; gap: 30px; }
.duro_inr { gap: 35px; }
.duro_box .h4 { margin-bottom: 0px; font-size: 20px !important; line-height: 26px; }
.header-bottom ul li ul.sub-menu li a{font-size: 16px;}

.def-page h2 { font-size: 30px; line-height: 38px; }
.def-page h3 { font-size: 22px; line-height: 26px; }
.page_title h1 { margin-bottom: 35px; }
.family_otr { gap: 30px; margin-top: 30px; }
.built_for_facility_inr { margin-top: 30px; gap: 30px; }
.mt-24 { margin-top: 18px !important; }
.what_client .what_client_inr .what_client_card p:last-child, .commercial_card p:last-child { font-size: 20px; }
.commercial_card { padding: 20px 15px; }
.def-page ul li:before { width: 18px; height: 18px; top: 8px; }
.def-page ul li { padding: 4px 6px 14px 30px; }
.site_footer { padding: 35px 0; }
.Proven_Specialty.standing .commercial_otr.safety_otr .commercial_box .icon_box { padding: 6px; height: 44px; width: 44px;}
.def-page a { font-size: 20px;}
.contact_form .contact_form_left { padding: 30px 25px;}
#gform_drag_drop_area_1_8 { padding-top: 45px; }
#gform_drag_drop_area_1_8::before { top: 8px; width: 35px; height: 35px; }
.gform_wrapper.gravity-theme .field_description_above .description, .gform_wrapper.gravity-theme .field_description_above .gfield_description, .gform_wrapper.gravity-theme .field_description_above .gsection_description, .gform_wrapper.gravity-theme .field_description_above .instruction { padding-bottom: 5px; }
.gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 1%; grid-row-gap: 12px; }
.def-page ol li { font-size: 18px; }
.privacy-page ol { margin-bottom: 10px; }
.def-page ol { padding-bottom: 15px; }
.dot_ul ul li:before { width: 8px !important; height: 8px !important;}
}



@media(max-width:1038px){
.what_client_cards { max-width: 100%; width: 100%; padding: 10px; height: 100%; }
.what_client_box { margin: 0 -10px; }
 .what_client_card p:first-child { margin-bottom: 40px; }
.what_client_card span {font-size: 22px; line-height: 32px; }
.what_client .what_client_inr .what_client_card p:last-child, .commercial_card p:last-child { font-size: 20px; }
.what_client_box { display: flex; }
.what_client_box .slick-list,.what_client_box .slick-track{ display: flex;}
.what_client_box .slick-slide > div{  height: 100%; } 
.what_client_inr ul.slick-dots,.logo-box ul.slick-dots { width: fit-content; display: flex; margin: 0 auto; }
.what_client_inr ul.slick-dots li button,.logo-box ul.slick-dots li button{display: none;}
.what_client_inr ul.slick-dots li:before{background-color: #fff;}
.p_otr { padding: 10px; }
.safety_inr { margin-top: 30px; }

}




@media(max-width:1024px){
.container { padding: 0 40px;}
h1, .h1 { font-size: 38px; line-height: normal;}
h2, .h2 { font-size: 32px; }
h3, .h3 { font-size: 28px; }
h4, .h4 { font-size: 24px !important; }
h5, .h5 { font-size: 20px; }
p{ margin-bottom: 18px; }
header.site-header { padding-top: 18px; padding-bottom: 5px; }
header .header-bottom ul li ul.sub-menu { display: none; overflow: hidden; transition: height 0.35s ease; }
.menu-toggle { display: block; }
header .header-bottom ul { display: none; }
header .header-bottom ul.open { transform: translateX(0); }
header .header-right .menu-toggle { display: block; width: 28px; height: auto; cursor: pointer;}
header .header-right .menu-toggle.active{ position: fixed; top: 20px; right: 25px; z-index: 99; }
header .header-right .menu-toggle.active span:first-child { transform: rotate(45deg); width: 100%; background-color: #ffffff; top: 1px; }
header .header-right .menu-toggle.active span:nth-child(2) { opacity: 0; visibility: hidden; }
header .header-right .menu-toggle.active span:nth-child(3) { transform: rotate(-45deg); top: -15px; width: 100%; background-color: #ffffff; }
header .header-right .menu-toggle span { background-color: var(--primary-color); height: 3px; transition: .5s; display: block; margin: 5px 0; padding: 0; width: 100%; }
header .header-bottom ul.open { transform: translateX(0); }
header .header-bottom ul li, .menu-toggle span { position: relative; width: 100%; }
header .header-bottom ul li a { width: 100%; padding: 8px 0; display: block; line-height: 30px; border-bottom: 2px solid; font-size: 16px; color: white; }
header .header-bottom ul { display: block; position: fixed; top: 0; right: 0; transform: translateX(100%); width: 60%; transform-origin: right center; transition: .3s; height: 100%; padding: 50px 25px; background: #263877 ; z-index: 99; }
header .header-bottom ul li.menu-item-has-children > a::after { display: none; }
header .header-bottom ul > li.menu-item-has-children a { position: relative; padding-right: 20px; }
header .header-bottom  ul li ul.sub-menu { transform: scale(1); transition: none; position: relative; top: auto; left: auto; padding: 0px; height: max-content; margin-top: 10px; width: 100%; visibility: visible; }
header .header-bottom ul li ul.sub-menu li a, header .header-bottom ul li ul.sub-menu li > ul.sub-menu li a { font-size: 16px; }
.menu-expand { width: 26px; height: 26px; background: #fff; border-radius: 4px; position: absolute; right: 0; top: 12px; cursor: pointer; z-index: 4; }
.menu-expand::before { content: ""; position: absolute; width: 8px; height: 8px; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(-135deg); top: 10px; left: 9px; transition: 0.3s; }
.menu-expand.menu-clicked::before { transform: rotate(45deg); }
.header-bottom ul li:hover a, .header-bottom ul li.current-menu-parent > a, .header-bottom ul li.current_page_item a{color: #fff; text-shadow: none;}
.header-bottom ul li:hover a, .header-bottom ul li.current-menu-parent > a, .header-bottom ul li.current_page_item a { color: var(--btn-color);}
.hero { padding: 30px 0; }
.header-left { width: 200px; }
.header-right { gap: 10px 0; align-items: flex-end; }
.hero-right { max-width: 100%; position: unset; }
.hero-left { max-width: 100%; }
.banner_inr { flex-wrap: wrap; gap: 30px;}
.hero-right::before { width: unset; left: 0; }
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { letter-spacing: 1%; font-size: 17px; padding: 6px 13px; line-height: 24px; }
.why_facilities, .what_we, .duro-last, .sheet_metal.def-page, .def-page, .what_client, .industry, .faq, .talk { padding: 30px 0; }
.why_facilities_inr { margin-top: 30px !important; gap: 20px 0;}
.facilities_card { max-width: 33.33%;}
.what_we { padding: 25px 0 !important; }
.what_card { width: 50%; padding: 10px;}
.def-page h3 { font-size: 20px; line-height: 24px; }
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin: 0 0 10px 0; }
.def-page ul li { padding: 8px 6px 14px 28px; }
.def-page h2 { font-size: 28px; line-height: 36px; }
.def-page ul { margin: 0; padding-bottom: 18px; }
.roof_aset { padding-top: 20px; gap: 20px; }
.duro_inr { gap: 25px; }
.def-page .right-img,.def-page .fr { margin: 0 0 15px 30px}
.proven_right strong { font-family: var(--btn-font); display: block; font-size: 28px; line-height: 36px; margin-bottom: 18px; }
.proven_otr { gap: 30px; }
.proven_box { padding: 20px 25px;}
.logo-item{padding: 0 20px;}
.logo-box ul.slick-dots li:before{background-color: #000;}
.logo-box .slick-dots li { display: none; }
.logo-box .slick-dots li:nth-child(-n+3) { display: inline-block; }
.industry h2 { margin-bottom: 15px; }
.accordion { margin: 20px auto 0; gap: 8px;}
.acc-item{width: 100%;}
.acc-title { line-height: 24px; padding-inline: 20px; font-size: 18px;}
.talk_btn { gap: 35px;}
.talk h2 { margin-bottom: 15px; }
.site_footer { padding: 30px 0; }
.footer_row { gap: 35px; flex-wrap: wrap; }
.footer_logo { text-align: center; margin-bottom: 30px; }
.footer_logo img { max-width: 230px; }
.footer_col p { font-size: 18px; line-height: 30px; margin-bottom: 6px;}
.footer_list li a{font-size: 18px;}
.footer_tagline span { font-size: 18px;}
.footer_bottom p { font-size: 18px; line-height: 32px;}
.menu-item-has-children > a::before {content: none;}
.header-top .two-button a.button { background-image: url(../images/schedule.webp);}
.header-top .two-button a.button:hover,.header-top .call a:hover{background-color: transparent; box-shadow: 0 0 8px rgba(38, 56, 119, 0.65);}
.header-top .two-button a.button,.header-top .call a{ background-repeat: no-repeat; background-position: center; background-size: 20px 20px; width: 35px; height: 35px; padding: 0; font-size: 0; line-height: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid var(--primary-color);}
.header-top .call a{background-image: url(../images/call.webp);} 
.header-top .call{line-height: 0;}
.header-top { gap: 10px; }
.header-right{flex-direction: row; gap: 8px; align-items: center;}
.family_otr { gap: 20px; margin-top: 25px; flex-wrap: wrap; flex-direction: column-reverse;}
.family_left { max-width: 100%;}
.family_right { max-width: 100%;}
.built_for_facility_inr { margin-top: 30px; gap: 20px; flex-wrap: wrap; flex-direction: column-reverse; }
.built_for_right { max-width: 100%;}
.sector p br{display: none;} 
.what_we_inr { margin: 0 -10px; }
.mt-24 { margin-top: 15px !important; }
.industry.def-page .commercial_otr.safety_otr .commercial_box { max-width: 50%; }
.what_client .what_client_inr .what_client_card p:last-child, .commercial_card p:last-child { font-size: 18px; }
.safety_right { max-width: 100%;}
.def-page ul li:before { width: 18px; height: 18px; top: 12px; }
.acc-content p { font-size: 18px; line-height: 28px; margin-bottom: 7px; }
.def-page.bg-blue ul li:before { width: 10px; height: 10px; top: 18px; }
.def-page.bg-blue ul li { padding: 8px 6px 14px 22px; }
.buttons_div { flex-wrap: wrap; gap: 10px; justify-content: flex-end;}
.proven_experience .commercial_box .commercial_card::before { font-size: 18px; width: 44px; height: 44px; }
.commercial_content { position: relative; padding: 15px 0; }
.in_house.family_value .family_right .commercial_card { padding: 30px 25px; }
.in_house.family_value .family_right { max-width: 100%; }
.safety_inr { gap: 30px;}
.def-page a { font-size: 18px;}
.def-page ul.col-3 li { width: 50%;}
.def-page ul.col-2 li { width: 100%;}
.built_otr { flex-wrap: wrap; flex-direction: column-reverse; gap: 20px;}
.built_right { max-width: 100%; }
.built_left { max-width: 100%; }
.commercial_box { max-width: 50%;}
.commercial_otr { margin: 0 0px; }
.def-page.bg-blue .commercial_otr {flex-wrap: wrap;}
.def-page.bg-blue .commercial_otr .commercial_box{max-width: 100%;}
.gform_wrapper.gravity-theme #field_submit { gap: 25px; }
.gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 0%; grid-row-gap: 10px; }
.contact_form .contact_form_left h2 { margin-bottom: 20px; }
.privacy-page .privacy-inner ul { margin-top: 0px; }
.privacy-page .privacy-inner { padding-left: 15px; margin-bottom: 10px; }
.safety_inr { margin-top: 25px; }

}


@media(max-width:767px){
.container { padding: 0 25px; }
h1, .h1 { font-size: 34px; line-height: normal;}
h2, .h2 { font-size: 28px; }
h3, .h3 { font-size: 26px; }
h4, .h4 { font-size: 22px !important; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 18px; }
p{ margin-bottom: 15px; font-size: 17px; }
.header-left { width: 170px; }
.header-top .two-button a.button, .header-top .call a { background-repeat: no-repeat; background-position: center; background-size: 18px 18px; width: 30px; height: 30px; padding: 0; font-size: 0; line-height: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid var(--primary-color); }
.hero { padding: 20px 0; }
.hero-left h1 { line-height: 36px; font-size: 32px; }
.banner_inr { flex-wrap: wrap; gap: 20px; }
.hero-btns { display: flex; gap: 20px; }
.hero-left p { margin-bottom: 15px !important; }
.why_facilities_inr { margin-top: 20px !important; gap: 15px 0; }
.facilities_card { max-width: 50%; }
.facilities_text { font-size: 22px; line-height: 30px; }
.facilities_card img { margin: 0 auto 7px; width: 24px; }
.why_facilities, .what_we, .duro-last, .sheet_metal.def-page, .def-page, .what_client, .industry, .faq, .talk { padding: 25px 0; }
.what_card { width: 100%; padding: 10px 0;}
.what_img { margin: 0 auto 10px;}
.def-page ul { margin: 0; padding-bottom: 15px; }
.what_img img { width: 50px; height: 50px; }
.what_we_inr { margin: 0 0px; }
.roof_left { max-width: 100%;}
.roof_right { max-width: 100%;}
.roof_aset { flex-wrap: wrap; flex-direction: column-reverse; padding-top: 15px; gap: 15px;}
.def-page h3 { font-size: 18px; line-height: 20px; } .duro_inr { gap: 15px; flex-wrap: wrap; }
.duro_left { max-width: 100%;}
.duro_right { max-width: 100%;}
.duro_box { padding: 10px 18px;}
.def-page h2 { font-size: 24px; line-height: 30px; }
.def-page ul li { padding: 8px 6px 8px 28px; }
.mt-24 { margin-top: 12px !important; }
.def-page .right-img ,.def-page .fr{ margin: 0 0 15px 0px; width: 100%; line-height: 0;}
.sheet_metal.def-page ul.col-2 li { width: 100%;}
.sheet_metal.def-page .dot_ul ul.col-2 li:before{width: 7px; height: 7px;}
.proven_otr { gap: 20px; flex-wrap: wrap;}
.proven_right { max-width: 100%;}
.proven_right strong { font-family: var(--btn-font); display: block; font-size: 24px; line-height: 30px; margin-bottom: 10px; }
.what_client_card p:first-child { margin-bottom: 40px; }
.what_client_card { padding: 15px 20px }
.what_client_card span { font-size: 20px; line-height: 26px; }
.footer_row { flex-wrap: wrap; }
.footer_logo img { max-width: 180px; }
.footer_logo { text-align: center; margin-bottom: 20px; }
.footer_col p { font-size: 17px; line-height: 24px; margin-bottom: 4px; }
.footer_col ul li{font-size: 17px;} 
footer ul li { position: relative; padding: 4px 8px 4px 18px; }
.footer_row { gap: 10px;}
.footer_list li a { font-size: 17px; }
.footer_tagline { margin: 0px 0 5px; padding: 7px 0; border-width: 1px; }
.footer_tagline span { font-size: 17px; }
.footer_bottom p,.footer_bottom a { font-size: 17px; line-height: 26px; }
.site_footer { padding: 25px 0; }
.acc-title { line-height: 22px; padding-inline: 18px; font-size: 17px; }
.acc-content {font-size: 17px;}
.acc-item { margin-bottom: 5px;}
.talk_btn { gap: 15px; }
.proven_left { max-width: 100%;}
.page_title h1 { margin-bottom: 30px; }
.built_for_facility_inr { margin-top: 25px; gap: 15px;}
.commercial_card { padding: 15px 10px; }
.built_for_facility.def-page ul li { padding: 15px; margin-top: 8px; }
.what_card.different_card { width: 100%; }
.industry.def-page .commercial_otr.safety_otr .commercial_box { max-width: 100%; }
.commercial_box { padding: 10px 0; }
.commercial_otr { margin: 0 0px; }
.family_otr { gap: 15px; margin-top: 20px;}
p.special { padding: 15px;}
.acc-content p { font-size: 17px; line-height: 26px; margin-bottom: 8px; }
.def-page ul.col-2 li,.def-page ul.col-3 li { width: 100%;}
.special_box { padding: 20px; flex-wrap: wrap; }
.special_box p { max-width: 100%; margin-bottom: 20px;}
.safety_left { max-width: 100%;}
.safety_inr { flex-wrap: wrap; gap: 20px;}
.proven_experience .commercial_box .commercial_card::before { font-size: 16px; width: 38px; height: 38px; }
.def-page a { font-size: 17px;}
.page-id-447 .commercial_otr.safety_otr .commercial_box { max-width: 100%; }
.page-id-447 .what_we_inr .what_card { width: 100%; }
.commercial_otr.safety_otr .commercial_box { max-width: 100%; }
header .header-bottom ul { width: 75%;}
.commercial_box { max-width: 100%; }
.contact_form .contact_form_left { padding: 25px 20px; }
.gform_wrapper.gravity-theme .ginput_container_address span { flex: 0 0 100% !important; }
.gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 12px !important;}
.gform_wrapper.gravity-theme .gfield_label { font-size: 14px !important;  margin-bottom: 6px !important; }
#gform_drag_drop_area_1_8 { padding-top: 35px; }
#gform_drag_drop_area_1_8::before { top: 8px; width: 30px; height: 30px; }
.gform_wrapper.gravity-theme .gform_drop_instructions { margin-bottom: 5px !important; font-size: 14px !important; }
.gform_wrapper.gravity-theme .field_description_above .description, .gform_wrapper.gravity-theme .field_description_above .gfield_description, .gform_wrapper.gravity-theme .field_description_above .gsection_description, .gform_wrapper.gravity-theme .field_description_above .instruction { padding-bottom: 5px !important; }
.gform_wrapper.gravity-theme #field_submit{ display: flex; flex-wrap: wrap; gap: 15px; }
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction { padding-top: 5px;}
.contact_form .contact_form_map iframe { height: 450px; }
.privacy-page .privacy-inner { padding-left: 10px; margin-bottom: 5px; }
.privacy-page ul, .privacy-page ol { margin-left: 15px; }
.def-page ol li { font-size: 17px; }
.privacy-page ol { margin-bottom: 10px; }
.def-page ol { padding-bottom: 10px; }
.safety_inr { margin-top: 20px; }


}



@media(max-width: 479px){
h1, .h1 { font-size: 30px; line-height: normal;}
h2, .h2 { font-size: 26px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 20px !important; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 17px; }
p{ margin-bottom: 10px; font-size: 16px; line-height: normal;}
.container { padding: 0px 20px; }
header .header-bottom ul {width: 85%;}
.header-bottom ul li ul.sub-menu li a { padding: 4px 10px !important;}
header .header-bottom ul li a { width: 100%; padding: 7px 0; display: block; line-height: 26px; border-bottom: 2px solid; font-size: 15px; color: white; }
header .header-bottom ul li ul.sub-menu li a, header .header-bottom ul li ul.sub-menu li > ul.sub-menu li a { font-size: 15px; }
.header-left { width: 120px; }
.header-top .two-button a.button, .header-top .call a { background-size: 15px 15px; width: 25px; height: 25px; }
.hero-left h1 { line-height: 32px; font-size: 28px; }
header.site-header { padding-top: 12px; padding-bottom: 0px; }
.hero { padding: 15px 0; }
.hero-btns { gap: 10px; }
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { letter-spacing: 0%; font-size: 16px; padding: 4px 10px; line-height: normal; }
.header-right { flex-direction: row; gap: 5px;}
.hero-left p { margin-bottom: 10px !important; }
.banner_inr { flex-wrap: wrap; gap: 15px; }
.why_facilities, .what_we, .duro-last, .sheet_metal.def-page, .def-page, .what_client, .industry, .faq, .talk { padding: 20px 0; }
.facilities_card { max-width: 100%; }
.facilities_text { font-size: 18px; line-height: 22px; padding-bottom: 10px; }
p, .facilities_card span, .def-page p, .def-page ul li { font-size: 16px; line-height: 26px; }
.what_we { padding: 20px 0 !important; }
.def-page h2 { font-size: 22px; line-height: 26px; }
.def-page ul li { padding: 6px 4px 6px 20px; }
.def-page ul li:before { width: 17px; height: 18px; top: 10px; }
.roof_aset { flex-wrap: wrap; flex-direction: column-reverse; padding-top: 10px; gap: 15px; }
.duro_box { padding: 8px 14px; position: absolute; bottom: 0px; }
.duro_box span { font-size: 16px;}
.def-page h2 { font-size: 20px; line-height: 24px; }
.mt-24 { margin-top: 5px !important; }
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin: 0 0 5px 0; }
.proven_box { padding: 15px 15px; }
.proven_box ul { gap: 10px 25px }
.def-page ul { margin: 0; padding-bottom: 0px; }
.what_client_card p:first-child { margin-bottom: 20px; }
.what_client_card span { font-size: 18px; line-height: 22px; }
.what_client .what_client_inr .what_client_card p:last-child, .commercial_card p:last-child { font-size: 18px; }
.what_client_inr ul.slick-dots, .logo-box ul.slick-dots { margin: 0 auto 10px; }
.logo-box { margin-top: 15px; }
.logo-item { padding: 0 20px; }
.logo-item img{margin: 0 auto; height: 220px; width: 220px; object-fit: contain;}
.acc-item { padding: 6px 12px; }
.acc-title { line-height: 22px; padding-inline: 18px; font-size: 16px; }
.acc-content { font-size: 16px; }
.accordion { margin: 20px auto 0; gap: 5px; }
.talk h2 { margin-bottom: 10px; }
.talk_btn { gap: 10px; flex-wrap: wrap; justify-content: center; }
.site_footer { padding: 20px 0; }
.footer_logo img { max-width: 150px; }
.footer_row { gap: 5px; }
.footer_col p { font-size: 16px; line-height: 22px; margin-bottom: 5px; }
.footer_col p a { font-size: 16px;}
.footer_col ul li { font-size: 16px; }
.footer_list li a { font-size: 16px; }
footer ul li { position: relative; padding: 2px 0px 2px 0px; }
.footer_tagline span { font-size: 16px; }
.footer_bottom p, .footer_bottom a { font-size: 16px; line-height: 24px; }
.menu-expand { width: 22px; height: 22px; background: #fff; border-radius: 4px; position: absolute; right: 0; top: 10px; cursor: pointer; z-index: 4; }
.menu-expand::before { content: ""; position: absolute; width: 7px; height: 7px; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(-135deg); top: 7px; left: 7px; transition: 0.3s; }
.page_title h1 { margin-bottom: 25px; }  
.commercial_box { padding: 10px 0; max-width: 100%; }
.def-page h3 { font-size: 16px; line-height: 18px; }
.p_otr { padding: 10px 0; }
.built_for_facility_inr { margin-top: 20px; gap: 10px; }
.what_box { padding: 10px 15px; }
.acc-content p { font-size: 16px; line-height: 24px; margin-bottom: 5px; }
.buttons_div { flex-wrap: wrap; gap: 7px; justify-content: flex-start; }
.special_box p { margin-bottom: 15px; }
.bg-blue p.special { padding: 15px; }
.safety_inr { gap: 20px; }
.proven_experience .commercial_box { padding: 20px 0px; }
.what_client .what_client_inr .what_client_card p:last-child, .commercial_card p:last-child { font-size: 16px; }
.dot_ul ul.col-2 li:before, .dot_ul ul.col-3 li:before, .dot_ul ul li:before { top: 14px; width: 8px; height: 8px; }
.standing.industry .commercial_otr.safety_otr .commercial_box .commercial_card h3 { font-size: 17px; margin-bottom: 5px; margin-top: 5px; } 
.Proven_Specialty.standing .commercial_otr.safety_otr .commercial_box .icon_box { padding: 7px; height: 38px; width: 38px; }
.in_house.family_value .family_right .commercial_card { padding: 20px 15px; }
.commercial_content { position: relative; padding: 5px 0; }
.commercial_content strong span { display: block; font-family: var(--btn-font); font-size: 18px; line-height: 26px; }
.def-page a { font-size: 16px;}
.what_client_cards { padding: 0px 10px; }
.what_client_card p:first-child { margin-bottom: 10px; }
.partnership.safety .safety_right { padding: 20px;}
.contact_form .contact_form_left { padding: 20px 15px; }
.contact_form .contact_form_left h2 { margin-bottom: 15px; }
#gform_drag_drop_area_1_8 { padding-top: 30px; }
.gform_wrapper.gravity-theme .gform_drop_instructions { margin-top: 8px !important; margin-bottom: 5px !important; font-size: 14px; }
.gform_wrapper.gravity-theme .gform_drop_area { padding: 32px 0 20px !important;}
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction { font-size: 13px; padding-top: 5px; margin-bottom: 5px; }
.gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 8px !important; }
.gf-turnstile-container { scale: 0.7; margin-left: -40px; }
.gform_wrapper.gravity-theme #field_submit { gap: 5px; }
.ginput_container.ginput_container_fileupload button { padding: 4px 16px; font-size: 12px; }
.contact_form .contact_form_map iframe { height: 400px; }
.contact_form .contact_form_inr { display: flex; gap: 15px; padding: 20px 0 0; }
.privacy-page .privacy-inner { padding-left: 0px; margin-bottom: 0px; }
.privacy-page ul, .privacy-page ol { margin-left: 0px; }
.def-page ul{padding-bottom: 5px;}
.def-page a { word-break: break-all; }
.def-page a.button{word-break: inherit;}
.safety_inr { margin-top: 15px; }
.safety_inr { gap: 10px; }
.what_client_card p{font-size: 15px !important;}
.def-page.bg-blue ul li { padding: 6px 6px 10px 18px; }
.what_client_card span { font-size: 16px; line-height: 18px; }
.what_client_card p:first-child { margin-bottom: 5px; }

}