/*---------------------------------------------------------------------------------
 Theme Name:   MRF Roofing
 Theme URI:
 Description:  Child theme of MRF Roofing
 Author:      MRF Roofing
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/

 body {
     font-family: "Jost", sans-serif !important;
     line-height: 1.7 !important;
 }

.site_content ul {
    padding: 0 !important;
    padding-left: 20px !important;
}
.cat_des_box p a {
    color: #ed1b24;
    font-weight: 500;
}

 /*banner*/

 .dis_flex {
     display: flex;
     align-items: center;
 }

.txtl span, txtl{
    text-align: left !important;
}

h2.section_main_title.font_40.txtl {
    text-align: left !important;
}

 .same_padding {
     padding: 70px 0px !important;
 }

 .white_color {
     color: #fff !important;
 }

 .white_color span {
     color: #fff !important;
 }

 .pd0 {
     padding: 0 !important;
 }

 .same_width {
     width: 100% !important;
     max-width: 1580px !important;
 }

 .mb30 {
     margin-bottom: 30px !important;
 }

 .text_center {
     text-align: center !important;
 }

 div#main-content {
     margin-top: 160px !important;
 }

 .jc {
     justify-content: center !important;
 }

 .js {
     justify-content: start !important;
 }

 /* banner */

 .main_banner_slider .et_pb_slide {
     height: 637px;
     border-radius: 50px !important;
 }

 .banner_text_inner {
     font-size: 65px;
     font-weight: 400;
     line-height: 1;
     color: #014386;
 }

 .banner_text_inner span {
     color: #ED1B24;
 }

 .banner_first_cik {
     display: flex;
     align-items: center;
     padding-right: 30px;
 }

 .banner_text {
     text-align: center;
 }

 .banner_btn {
     display: flex;
     justify-content: center;
     margin-top: 20px;
 }

 .banner_btn .site_button::before,
 .banner_btn .site_button::after {
     background: #f7e5d3;
 }

 .banner_btn .site_button::after {
     top: -1px;
 }

 /* about us */

 .about_us_btn {
     display: flex;
     margin-top: 10px;
 }

 .about_us_btn a {
     color: #fff;
     border-color: #fff;
 }

 .about_us_btn .site_button::before,
 .about_us_btn .site_button::after {
     background: #024387 !important;
 }

 .abt_top_img img {
     height: 292px !important;
     border-radius: 30px !important;
 }

 .abt_center_img img {
     height: 614px;
     object-fit: contain;
     object-position: bottom;
     border-radius: 30px !important;
 }

 .svg_path {
     margin-top: -90px;
 }

 /* about us end*/
 /* map section */

 .map_section {
     line-height: 1;
 }

 /* contact form 7 */

 .main_roof_form_box {
     border: 10px solid #024387;
     border-top: none;
     padding: 30px;
 }

 .roof-form-container_row {
     display: flex;
     flex-wrap: wrap;
 }

 .roof-form-container_row .roof-form-container_col1 {
     width: 50% !important;
     padding: 10px;
 }

 .roof-form-container_row.full_width_container .roof-form-container_col1 {
     width: 100% !important;
 }

 .roof-form-container_row .roof-form-container_col1 input,
 .roof-form-container_row .roof-form-container_col1 select,
 .roof-form-container_row .roof-form-container_col1 textarea {
     border: none !important;
     border-bottom: 1px solid #DDDDDD !important;
     font-size: 16px;
     width: 100%;
     color: #000;
     height: 50px;
 }

 .roof-form-container_row .roof-form-container_col1 textarea {
     resize: none;
     height: 100px;
 }

 .roof-form-container_col1 button {
     margin: auto;
 }

 .roof-form-container_col1 {
     text-align: center;
 }

 .section_main_title {
     font-size: 50px;
     font-weight: 300;
     text-transform: uppercase;
     line-height: normal;
     color: #000;
 }

 .address_col1_inner {
     display: flex;
     align-items: center;
 }

 .address_col1_icon_title span {
     color: #ED1B24;
     font-size: 24px;
     display: block;
     line-height: normal;
     font-weight: 500;
 }

 .address_col1_icon_title {
     padding-left: 20px;
 }

 .address_col1 {
     padding: 20px 0px;
 }

 .top_img {
     height: 170px;
     display: flex;
     align-items: end;
 }

 .contact_details_main {
     border: 1px solid #DDDDDD;
     padding: 40px;
 }

 .address_col1_icon_title a {
     font-size: 16px;
     color: #000;
     font-weight: 400;
 }

 .address_col1_icon_title a:hover {
     color: #ED1B24;
 }

 input::placeholder,
 textarea::placeholder {
     color: #000;
     opacity: 1;
 }

 /* contact form 7 end*/
 /* testimonial section */

 .hk_testimonial_box:hover svg path {
     fill: #024387 !important;
 }

 .hk_testimonial_box:hover .hk_testimonial_quote_box_bottom {
     background: #ED1B24;
 }

 .hk_testimonial_box {
     height: 316px;
     background: #fff;
     padding: 30px;
     margin: 10px;
     border: 1px solid #ddd;
     position: relative;
 }

 .site_content span {
     font-size: 16px;
     color: #000;
     font-weight: 400;
     padding: 10px 0px 0px;
     display: block;
 }

 button.read-more-btn {
     border: none;
     cursor: pointer;
     background: transparent;
     line-height: normal;
     color: red;
     text-decoration: underline;
 }

 .hk_testimonial_box.readmore-active {
     height: auto;
 }

 .hk_testimonial_box.readmore-active .hk_testimonial_content_box {
     padding-bottom: 30px;
 }

 .hk_testimonial_quote_box_bottom {
     position: absolute;
     background: #024387;
     bottom: 0;
     left: 0;
     font-size: 16px;
     color: #fff;
     font-weight: 600;
     text-align: center;
     padding: 10px 70px;
 }

 .slick-arrow {
     width: 36px;
     height: 36px;
     background: #fff;
     border-radius: 50%;
     border: 1px solid #ddd;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 25px;
     color: #000;
     cursor: pointer;
 }

 .pull-left {
     position: absolute;
     top: 0;
     left: -30px;
     right: auto;
     z-index: 9;
     bottom: 0;
     margin: auto;
 }

 .pull-right {
     position: absolute;
     top: 0;
     left: auto;
     right: -30px;
     z-index: 9;
     bottom: 0;
     margin: auto;
 }

 /* testimonial end */
 /* our supplies */

 ul.list_supplies li a:hover {
     box-shadow: #dcdcdc 0 0 15px 2px inset;
     -webkit-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s;
 }

 ul.list_supplies li a {
     height: 100px;
     margin: 10px;
     border: 1px solid #DDDDDD;
     display: flex;
     align-items: center;
     padding: 10px;
     justify-content: center;
 }

 ul.list_supplies {
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     justify-content: center;
 }

 ul.list_supplies li {
     width: 16.66%;
     list-style-type: none;
 }

 ul.list_supplies img {
     width: 120px;
     object-fit: contain;
     height: 80px;
 }

 /* our supplies end*/
 /* product products section  */

 .tab_svg_scroll_bar_box {
     display: flex;
     flex-wrap: wrap;
 }

 .navigation_box {
     width: 30% !important;
     position: sticky;
 }

 .navigation_box_section {
     width: 70% !important;
     padding-left: 40px !important;
 }

 .navigation_box a {
     font-size: 26px;
     width: 100% !important;
     display: block;
     cursor: pointer;
     font-weight: 400;
     background: none;
     border-style: solid;
     border: 1px solid #DDDDDD;
     margin: 10px 0px;
     color: #000;
     padding: 10px 20px;
     line-height: normal;
 }

 .navigation_box ul {
     padding: 0 !important;
 }

 .navigation_box ul li {
     width: 100% !important;
     list-style-type: none;
 }

 .product-content-inner {
     display: flex;
     flex-wrap: wrap;
 }

 .scroll_slider_row {
     border-left: 1px solid #024387;
     border-right: 1px solid #024387;
 }

 .scroll_slider_box {
     padding-right: 30px;
 }

 .navigation_box nav {
     position: sticky;
     top: 10%;
     bottom: auto;
     z-index: 10;
     align-self: flex-start;
     /* Adjust to your desired sidebar width */
     max-height: 100vh;
 }

 .skip_button a {
     font-size: 16px !important;
     border: none;
     background: #fff;
     left: -33px;
     position: relative;
     top: 20px;
 }

 .skip_button svg {
     margin-left: 10px;
 }

 .scroll_slider_section {
     border-bottom: 1px solid #024387;
 }

 .content-section {
     margin: auto;
     opacity: 0;
     transition: 1s !important;
 }

 .scroll_slider_box_img_inner img {
     width: 85%;
     height: 622px;
     object-fit: cover;
     border-radius: 20px;
 }

 .content-section.active_tab_svg {
     opacity: 1;
     transition: 1s !important;
 }

 .navigation_box a.active-section {
     font-weight: 300;
     position: relative;
     font-style: italic;
     background: #024387;
     color: #fff;
 }

 .navigation_box a.active-section::after {
     position: absolute;
     content: '';
     left: 0 !important;
     top: 0;
     bottom: 0;
     background: #ED1B24;
     width: 7px;
     height: 80%;
     margin: auto;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
 }

 .scroll_slider_box_btn_inner {
     display: flex;
 }

 .scroll_slider_box_title_b_inner {
     font-size: 37px;
     color: #ED1B24;
     font-weight: 300;
     font-style: italic;
     line-height: 1;
     text-align: center;
 }

 .scroll_slider_box_desc_inner {
     font-size: 16px;
     color: #000;
     font-weight: 400;
     padding: 20px 0px;
 }

 .line_top_svg {
     top: 129px;
     position: relative;
     right: 87px;
     z-index: 9;
 }

 .scroll_slider_box_inner {
     display: flex;
     flex-wrap: wrap;
     align-items: end;
 }

 .scroll_slider_row {
     padding: 70px 0px !important;
 }

 .scroll_slider_box_img,
 .scroll_slider_box_text_b {
     width: 50% !important;
 }

 .scroll_slider_box_title_b_inner_main {
     text-align: center;
 }

 .scroll_slider_section {
     padding: 0 !important;
 }

 .extra_imge {
     width: 80%;
     margin: auto;
 }

 .extra-image img {
     height: 235px !important;
     object-fit: cover;
     width: 100% !important;
     border: 1px solid #ddd;
     border-radius: 20px;
 }

 .scroll_slider_box_btn_inner {
     display: flex;
     justify-content: center;
 }

 .skip_box {
     position: absolute;
     right: -20px;
     background: #fff;
 }

 /* product products section end */

 .footerSvgPath {
     stroke-dasharray: 0;
     stroke-dashoffset: 0;
     animation: none;
     transition: none;
 }

 .animatePath {
     animation: drawPath 10s ease forwards;
 }

 @keyframes drawPath {
     to {
         stroke-dashoffset: 0;
     }
 }

 h2.inner_title {
     padding-top: 10px !important;
 }

 .inner_title {
     font-size: 26px;
     color: #000;
     font-weight: 300;
 }

 .seo_img img {
     height: 600px !important;
     object-fit: cover;
     border-radius: 30px !important;
 }

 .site_content a {
     color: #014386 !important;
 }

 .display_flex {
     display: flex;
     align-items: center;
 }

 span.wpcf7-not-valid-tip {
     text-align: left !important;
 }

/*  .product_cat_dec {
     padding: 50px 15px !important;
 } */

 .same_padding.pdt0 {
     padding-top: 0 !important;
 }

 .same_padding.pdb0 {
     padding-bottom: 0 !important;
 }

 .same_padding.pdtb0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
 }

 .home .main_popup_main {
     display: none;
 }

 /* why choose section */
 .wc_col_2 {
     width: 52.7% !important;
 }

 .wc_col_1 {
     width: 47.3% !important;
     padding: 0 40px 0 0;
 }

 .why_choose_img_code img {
     height: 396px;
     width: 100% !important;
     object-fit: cover;
     border-radius: 30px;
 }

 .why_choose_img_code span {
     width: 100% !important;
 }

 /* why choose service button */
 .wc_ser_btn {
     height: 50px;
     width: 247px;
     background: rgba(255, 255, 255, 1);
     border: 1px solid rgba(221, 221, 221, 1);
     display: flex;
     justify-content: center;
     align-items: center;
     color: rgba(0, 0, 0, 1);
     font-size: 16px;
     margin: 8px 8px;
     transition: 0.6s !important;
 }

 .wc_ser_btn:hover {
     background: rgba(2, 67, 135, 1);
     color: #fff;
 }

 .wc_ser_btn_box_inner {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     margin: 0px -10px;
 }

 .wc_ser_main_box_inner {
     padding: 20px 0 0;
 }

 .wc_ser_side_btn.left_side_btn.jc {
     margin: 10px 0 0 !important;
 }

 /* why choose service button end */
 /* why choose section end */

 /* our roofing & flashing section */
 .or_roofing_row {
     border-top: 1px solid rgba(204, 204, 204, 1);
 }

 .or_roofing_desc_info_ttl_box_inner {
     font-size: 18px;
     color: rgba(2, 67, 135, 1);
     font-weight: 600;
 }

 .or_roofing_desc_info_main_box_inner {
     padding: 10px 0;
 }

 .or_roofing_info_desc_box_inner span {
     padding: 0;
 }

 .or_roofing_desc_main_box_inner {
     padding: 10px 0 0;
 }

 /* our roofing & flashing section end */

 @media all and (min-width: 320px) and (max-width: 767px) {
     .mb30 {
         margin-bottom: 10px !important;
     }

     .our_supplies_box {
         margin-bottom: 0px !important;
     }

     .mb30 {
         margin-bottom: 10px !important;
     }

     /* banner */
     div#main-content {
         margin-top: 100px !important;
     }

     .banner_first_cik {
         padding-right: 0 !important;
         padding-bottom: 30px !important;
         justify-content: center;
     }

     .banner_text_inner {
         font-size: 40px;
     }

     .main_banner_slider .et_pb_slide {
         height: 350px;
         border-radius: 20px !important;
     }

     /* end */
     /* about us */
     .abt_title_box {
         text-align: center !important;
         padding-bottom: 30px !important;
     }

     .abt_content {
         text-align: center !important;
     }

     .about_us_btn {
         justify-content: center;
     }

     .center_col {
         margin-bottom: 0 !important;
     }

     .svg_path {
         margin-top: -20px;
     }

     .abt_top_img img {
         height: 280px !important;
         width: fit-content !important;
     }

     .abt_center_img img {
         height: 580px;
     }

     .first_col {
         margin-bottom: 0 !important;
     }

     .svg_path {
         display: none;
     }

     /* end */
     /* contact form 7 */
     .same_padding {
         padding: 30px 15px !important;
     }

     .address_col1_icon_title {
         text-align: left;
     }

     .top_img {
         height: auto;
     }

     .main_roof_form_box {
         padding: 10px;
     }

     .contact_details_main {
         padding: 20px;
     }

     .section_main_title {
         font-size: 22px;
     }

     .roof-form-container_row .roof-form-container_col1 input,
     .roof-form-container_row .roof-form-container_col1 select,
     .roof-form-container_row .roof-form-container_col1 textarea {
         height: 40px;
     }

     .address_col1_icon_title span {
         font-size: 22px;
     }

     .contact_details_row {
         text-align: center !important;
     }

     .hk_testimonial_quote_box_inner svg {
         width: 30px;
     }

     .hk_testimonial_box {
         height: 350px;
     }

     .roof-form-container_row .roof-form-container_col1 {
         width: 100% !important;
     }

     .main_roof_form_box {
         border: 5px solid #024387;
     }

     /* contact form 7 end*/
     /* testimonial section */
     .pull-left {
         left: 0 !important;
     }

     .pull-right {
         right: 0 !important;
     }

     .hk_testimonial_box {
         padding: 20px;
     }

     /* end */
     /* logo */
     ul.list_supplies li {
         width: 50% !important;
     }

     /* end */
     /* product */
     .product-grid-container {
         display: flex;
         flex-wrap: wrap;
     }

     .product-grid-item {
         width: 50% !important;
     }

     .product-grid-image img {
         height: 170px;
         width: 100%;
     }

     .product-grid-container_inner {
         margin: 5px;
         border: 1px solid #ddd;
         padding: 5px;
         text-align: center;
     }

     .product-grid-buttons {
         display: flex;
         justify-content: center;
         margin-top: 10px;
     }

     .product-grid-title {
         font-size: 16px;
         color: #ED1B24;
         font-style: italic;
         font-weight: 400;
         height: 40px;
         line-height: 1.3;
     }

     .product-grid-description {
         font-size: 16px;
         font-weight: 400;
         color: #000;
     }

     .product-grid-description {
         display: none;
     }

     .product-grid-buttons a:nth-child(2) {
         display: none;
     }

     .mobaile_prdouct {
         border-bottom: 1px solid #024387;
     }

     .same_padding.mobaile_prdouct {
         padding: 30px 0px !important;
     }

     h3.product-title {
         display: none;
     }

     .tax-product_cat h3.product-title,
     .archive h3.product-title {
         display: block !important;
     }

     /* product end*/
     .seo_img img {
         height: 350px !important;
     }

     .map_section iframe {
         height: 250px;
     }

     .address_col1 {
         padding: 10px 0px;
     }

     /* why choose section */
     .wc_col_1 {
         width: 100% !important;
         padding: 0 0px 0 0;
     }

     .wc_col_2 {
         width: 100% !important;
     }

     .why_choose_img_code img {
         height: 300px;
     }

     .wc_ser_btn {
         height: 40px;
         width: 145px;
         margin: 5px 5px;
         font-size: 15px;
     }

     .wc_ser_main_box_inner {
         padding: 0px 0 0;
     }

     /* why choose section end */
     /* our roofing & flashing section */
     .or_roofing_desc_info_main_box_inner {
         padding: 5px 0;
     }

     /* our roofing & flashing section end*/

 }

 @media all and (min-width: 375px) and (max-width: 480px) {
     .product-grid-item {
         width: 50% !important;
     }

     .product-grid-item .product-grid-title {
         height: 42px;
     }

     .product-grid-image img {
         height: 150px;
     }
 }

 @media all and (min-width: 481px) and (max-width: 767px) {
     .roof-form-container_row .roof-form-container_col1 {
         width: 50% !important;
     }

     .product-grid-item {
         width: 50% !important;
     }

     /* logo */
     ul.list_supplies li {
         width: 33.33% !important;
     }

     /* end */
 }

 @media all and (min-width: 768px) and (max-width: 980px) {
     .tax-product_cat h3.product-title {
         display: block;
     }

     .seo_img img {
         height: 450px !important;
     }

     /* banner */
     div#main-content {
         margin-top: 100px !important;
     }

     .banner_first_cik {
         padding-right: 0 !important;
         padding-bottom: 30px !important;
         justify-content: center;
     }

     .banner_text_inner {
         font-size: 60px;
     }

     .main_banner_slider .et_pb_slide {
         height: 400px;
     }

     /* end */
     /* about us */
     .abt_title_box {
         text-align: center !important;
         padding-bottom: 30px !important;
     }

     .abt_content {
         text-align: center !important;
     }

     .about_us_btn {
         justify-content: center;
     }

     .center_col {
         margin-bottom: 0 !important;
     }

     .svg_path {
         margin-top: -20px;
     }

     .abt_top_img img {
         height: 280px !important;
         width: fit-content !important;
     }

     .abt_center_img img {
         height: 580px;
     }

     /* end */
     /* contact form 7 */
     .first_col {
         margin-bottom: 0 !important;
     }

     .address_col1_icon_title {
         text-align: left;
     }

     .same_padding {
         padding: 40px 30px !important;
     }

     .top_img {
         height: auto;
     }

     .main_roof_form_box {
         padding: 10px;
     }

     .contact_details_main {
         padding: 20px;
     }

     .section_main_title {
         font-size: 32px;
     }

     .roof-form-container_row .roof-form-container_col1 input,
     .roof-form-container_row .roof-form-container_col1 select,
     .roof-form-container_row .roof-form-container_col1 textarea {
         height: 40px;
     }

     .address_col1_icon_title span {
         font-size: 22px;
     }

     .contact_details_row {
         text-align: center !important;
     }

     /* contact form 7 end*/
     /* logo */
     ul.list_supplies li {
         width: 25% !important;
     }

     /* end */
     /* product */
     .product-grid-container {
         display: flex;
         flex-wrap: wrap;
     }

     .product-grid-item {
         width: 50% !important;
     }

     .product-grid-image img {
         height: 300px;
         width: 100%;
     }

     .product-grid-container_inner {
         margin: 5px;
         border: 1px solid #ddd;
         padding: 10px;
         text-align: center;
     }

     .product-grid-buttons {
         display: flex;
         justify-content: center;
         margin-top: 10px;
     }

     .product-grid-title {
         font-size: 20px;
         color: #ED1B24;
         font-style: italic;
         font-weight: 300;
     }

     .product-grid-description {
         font-size: 16px;
         font-weight: 400;
         color: #000;
     }

     .mobaile_prdouct {
         border-bottom: 1px solid #024387;
     }

     /* product end*/
     /* why choose section */
     .wc_col_1 {
         width: 100% !important;
         padding: 0 0px 0 0;
     }

     .wc_col_2 {
         width: 100% !important;
     }

     .why_choose_img_code img {
         height: 350px;
     }

     .wc_ser_btn {
         height: 40px;
         width: 170px;
         margin: 5px 5px;
     }

     .wc_ser_main_box_inner {
         padding: 0px 0 0;
     }

     .or_roofing_desc_info_main_box_inner {
         padding: 5px 0;
     }

     /* why choose section end */
 }

 @media only screen and (min-width: 981px) and (max-width: 1024px) {

     /* banner */
     div#main-content {
         margin-top: 150px !important;
     }

     .banner_text_inner {
         font-size: 60px;
     }

     .main_banner_slider .et_pb_slide {
         height: 550px;
     }

     /* end */
     /* about us */
     .center_col {
         display: none !important;
     }

     .about_us_section_row .first_col,
     .about_us_section_row .last_center_col {
         width: 50% !important;
     }

     .svg_path {
         margin-top: -20px;
     }

     .abt_top_img img {
         height: 280px !important;
     }

     .abt_center_img img {
         height: 580px;
     }

     /* about us end*/
     /* contact form 7 */
     .same_padding {
         padding: 50px 30px !important;
     }

     .top_img {
         height: 130px;
     }

     .main_roof_form_box {
         padding: 10px;
     }

     .contact_details_main {
         padding: 20px;
     }

     .section_main_title {
         font-size: 30px;
     }

     .roof-form-container_row .roof-form-container_col1 input,
     .roof-form-container_row .roof-form-container_col1 select,
     .roof-form-container_row .roof-form-container_col1 textarea {
         height: 40px;
     }

     .address_col1_icon_title span {
         font-size: 22px;
     }

     /* contact form 7 end*/
     /* logo */
     ul.list_supplies li {
         width: 20% !important;
     }

     /* end */
     /* product section */
     .line_top_svg svg {
         width: 70%;
     }

     .line_top_svg {
         right: 55px;
     }

     .scroll_slider_section {
         padding: 0px 30px !important;
     }

     .navigation_box a {
         font-size: 20px;
     }

     .scroll_slider_box_img_inner img {
         height: 480px;
     }

     .navigation_box_section {
         padding-left: 20px !important;
     }

     .scroll_slider_box_title_b_inner {
         font-size: 30px;
     }

     /* product section end*/
     /* why choose section */
     .wc_col_1 {
         width: 54% !important;
         padding: 0 10px 0 0;
     }

     .wc_col_2 {
         width: 46% !important;
     }

     .why_choose_img_code img {
         height: 350px;
     }

     .wc_ser_btn {
         height: 45px;
         width: 175px;
         margin: 5px 5px;
     }

     .wc_ser_main_box_inner {
         padding: 10px 0 0;
     }

     /* why choose section end */
 }

 @media all and (min-width: 1025px) and (max-width: 1140px) {

     /* banner */
     div#main-content {
         margin-top: 150px !important;
     }

     .banner_text_inner {
         font-size: 60px;
     }

     .main_banner_slider .et_pb_slide {
         height: 550px;
     }

     /* end */
     /* about us */
     .center_col {
         display: none !important;
     }

     .about_us_section_row .first_col,
     .about_us_section_row .last_center_col {
         width: 50% !important;
     }

     .svg_path {
         margin-top: -20px;
     }

     .abt_top_img img {
         height: 280px !important;
     }

     .abt_center_img img {
         height: 580px;
     }

     /* about us end*/
     /* contact form 7 */
     .same_padding {
         padding: 50px 30px !important;
     }

     .top_img {
         height: 130px;
     }

     .main_roof_form_box {
         padding: 10px;
     }

     .contact_details_main {
         padding: 20px;
     }

     .section_main_title {
         font-size: 34px;
     }

     /* contact form 7 end*/
     /* logo */
     ul.list_supplies li {
         width: 20% !important;
     }

     /* end */
     /* product section */
     .line_top_svg svg {
         width: 70%;
     }

     .line_top_svg {
         right: 63px;
     }

     .scroll_slider_section {
         padding: 0px 30px !important;
     }

     .navigation_box a {
         font-size: 20px;
     }

     .scroll_slider_box_img_inner img {
         height: 530px;
     }

     .navigation_box_section {
         padding-left: 20px !important;
     }

     .scroll_slider_box_title_b_inner {
         font-size: 30px;
     }

     /* product section end*/
     /* why choose section */
     .wc_col_1 {
         width: 54% !important;
         padding: 0 10px 0 0;
     }

     .wc_col_2 {
         width: 46% !important;
     }

     .why_choose_img_code img {
         height: 350px;
     }

     .wc_ser_btn {
         height: 45px;
         width: 185px;
         margin: 5px 5px;
     }

     /* why choose section end */
 }

 @media all and (min-width: 1141px) and (max-width: 1280px) {

     /* banner */
     div#main-content {
         margin-top: 150px !important;
     }

     .banner_text_inner {
         font-size: 70px;
     }

     .main_banner_slider .et_pb_slide {
         height: 550px;
     }

     /* end */
     /* about us */
     .svg_path {
         margin-top: -20px;
     }

     .abt_top_img img {
         height: 280px !important;
     }

     .abt_center_img img {
         height: 580px;
     }

     /* about us end*/
     /* contact form 7 */
     .same_padding {
         padding: 50px 30px !important;
     }

     .top_img {
         height: 150px;
     }

     .section_main_title {
         font-size: 40px;
     }

     /* contact form 7 end*/
     /* product section */
     .line_top_svg svg {
         width: 70%;
     }

     .line_top_svg {
         right: 63px;
     }

     .scroll_slider_section {
         padding: 0px 30px !important;
     }

     .navigation_box a {
         font-size: 20px;
     }

     .scroll_slider_box_img_inner img {
         height: 530px;
     }

     .scroll_slider_box_title_b_inner {
         font-size: 30px;
     }

     /* product section end*/
     /* why choose section */
     .wc_col_1 {
         width: 54% !important;
         padding: 0 10px 0 0;
     }

     .wc_col_2 {
         width: 46% !important;
     }

     .why_choose_img_code img {
         height: 370px;
     }

     .wc_ser_btn {
         height: 45px;
         width: 200px;
         margin: 5px 5px;
     }

     /* why choose section end */
 }

 @media all and (min-width: 1281px) and (max-width: 1440px) {

     /* banner */
     .banner_text_inner {
         font-size: 70px;
     }

     .main_banner_slider .et_pb_slide {
         height: 550px;
     }

     /* end */
     /* about us */
     .svg_path {
         margin-top: -70px;
     }

     /* about us end*/
     /* contact form 7 */
     .same_padding {
         padding: 50px 30px !important;
     }

     .top_img {
         height: 180px;
     }

     .section_main_title {
         font-size: 40px;
     }

     .same_padding {
         padding: 70px 30px !important;
     }

     /* contact form 7 end*/
     /* product section */
     .line_top_svg svg {
         width: 70%;
     }

     .line_top_svg {
         right: 76px;
     }

     .scroll_slider_section {
         padding: 0px 30px !important;
     }

     .navigation_box a {
         font-size: 22px;
     }

     .scroll_slider_box_img_inner img {
         height: 530px;
     }

     .scroll_slider_box_title_b_inner {
         font-size: 34px;
     }

     /* product section end*/
     /* why choose section */
     .wc_col_1 {
         width: 50.7% !important;
         padding: 0 10px 0 0;
     }

     .wc_col_2 {
         width: 49.3% !important;
     }

     .why_choose_img_code img {
         height: 370px;
     }

     .wc_ser_btn {
         height: 47px;
         width: 230px;
     }

     /* why choose section end */
 }

 @media all and (min-width: 1441px) and (max-width: 1680px) {

     /* banner */
     .banner_text_inner {
         font-size: 70px;
     }

     /* end */
     /* about us */
     .svg_path {
         margin-top: -70px;
     }

     /* about us end*/
     /* contact form 7 */
     .top_img {
         height: 180px;
     }

     .same_padding {
         padding: 70px 30px !important;
     }

     /* contact form 7 end*/
     /* product section */
     .line_top_svg svg {
         width: 70%;
     }

     .line_top_svg {
         right: 76px;
     }

     .scroll_slider_section {
         padding: 0px 30px !important;
     }

     .navigation_box a {
         font-size: 22px;
     }

     /* product section end*/
     /* why choose section */
     .wc_col_1 {
         width: 50.7% !important;
         padding: 0 10px 0 0;
     }

     .wc_col_2 {
         width: 49.3% !important;
     }

     /* why choose section end */
 }

 @media all and (min-width: 1681px) and (max-width: 1880px) {}

 @media all and (min-width: 981px) and (max-width: 3000px) {}