@media(max-width:1800px){
    h1, .h1 { font-size: 81px; }
    .banner_text_in > .banner_title { font-size: 81px; }
}
@media(max-width:1700px){
    h1, .h1,
    .banner_text_in > .banner_title{ font-size: 76px; }
}
@media(max-width:1600px){
    h3, .h3 { font-size: 35px; }
    h5, .h5 { font-size: 23px; }
    
    h1, .h1 ,
     .banner_text_in > .banner_title{ font-size: 75px; }

    .header_logo { max-width: 200px; }
    .header_in .header_info { gap: 30px; }
    .header_in  .header_btn { gap: 30px; }
    .product_information .product_in { column-gap: 80px; }
    .product_information .product_in h2 { font: normal normal bold 28px/25px Helvetica Neue; }
    .product_information .product_in h2 { font-size: 28px; }
  
    .product_information .product_in p { font-size: 19px; } 
    .neighbors .neighbors_head { gap: 15px; padding-bottom: 22px; }
    .neighbors .neighbors_in .neighour_box { padding: 0 35px; }
    .ready p { padding-bottom: 38px; }
    .neighbors .neighbors_in { padding-left: 45px; margin: 0px 0px 0px -35px; }
    .ready h3 { font-size: 35px; }
    .more_info { padding: 65px 0 65px; }

    .slider-container { width: 65%; }
    h1, .h1 { line-height:105px; }

/* def-page */
 .def-page h2 { font-size: 38px; line-height: 48px; }
}
@media(max-width:1500px){
    .slider-container { width: 62%; }
}
@media(max-width:1400px){

    h1, .h1,
    .banner_text_in > .banner_title { font-size: 65px; }
    h2, .h2 { font-size: 52px; }
    h4, .h4 { font-size: 30px; }
    .container { padding: 0 40px; }
    h3, .h3 { font-size: 32px; }
    .header_in .header_info { gap: 20px; }
    .header_in  .header_btn { gap: 20px; }
    .header_in .nav_top ul { gap: 60px; }

   .header_in .header_info .header_contact_details p { font-size: 16px; line-height: 14px; }
   .header_in .header_info .header_contact_details a { font-size: 20px; }
   .header_in .header_info { gap: 12px; }
    .header_in .header_menu { gap: 16px; }
    .header_logo { max-width: 159px; }
    .banner_text_img .img_group { height: 105px; }
    .product_information .product_in { row-gap: 25px; }
    .what_we_do p { font-size: 27px; }
    .what_we_do h3 { line-height: 40px; }
    .neighbors h3 { padding-bottom: 40px; }
    .ready p { padding-bottom: 34px; }
    .footer_logo { max-width: 190px; }
    .footer_img { max-width: 23.33%; }
    footer .banner_text_img { gap: 36px; }
    .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { padding: 12px 12px; font-size: 18px; }
    .ready { padding: 29px 0 60px; }


    /* about */
    .inner_banner { padding: 45px 0 0;}
    .about_us { padding: 45px 0; }
    /* .about_us_in { gap: 120px; } */
    .more_info { padding: 55px 0 55px; }
    .more_info h3 { padding-bottom: 20px; }
    .about_us_in .about_us_text h3 { padding-bottom: 20px; }


    .service_sect,.about_us.windows_door_sect,.gallery,.contact_sect { padding: 45px 0 45px; }
    .service_sect .what_we_do_in .what_we_card .what_we_box h3 { font-size: 54px; line-height: normal; }

    .windows_door_sect .about_us_in { padding-bottom: 45px; }
    .location { padding: 45px 0; }

    /*  */
    ul.tabs { gap: 25px; padding-bottom: 45px; }
    .contact_sect .contact_in .contact_left { max-width: 30%; padding: 25px 25px; }
    .contact_sect .contact_in .contact_form { max-width: 70%; padding: 25px; }
    .contact_sect .contact_in .contact_left h4 { padding-bottom: 18px; }
    .contact_sect .contact_in .contact_form h4 { padding-bottom: 24px; }
    .contact_sect .contact_in .contact_left ul { gap: 20px; }
    .contact_sect .contact_in .contact_left ul li { gap: 8px; }
    .submit_btn input[type="submit"]{ padding: 14px  14px; font-size: 18px; }
    input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { padding: 23px 22px; }

.slider-container span { line-height: 102px; }


      /* default page css  */
     .def-page h2{ font-size: 30px; line-height: 40px;} 
    .def-page h3{font-size: 26px; line-height: 35px;}
    .def-page h4{font-size:22px; line-height:35px; }
     .privacy-page .privacy-inner {padding-left: 20px;margin-bottom: 0px;}
     /* .def-page ul li {font-size: 18px;line-height: 34px;} */
     .def-page ol li{font-size: 18px;}
     .pagenotfound {padding: 50px 0px;}
     .pagenotfound h2 {font-size: 36px;}
     .pagenotfound p {font-size: 20px;}

     .def_page_otr { padding: 60px 0; }
  
}
@media(max-width:1199px){
    h1, .h1,
    .banner_text_in > .banner_title { font-size: 55px; }
    h2, .h2 { font-size: 45px; }
    h4, .h4 { font-size: 27px; }
    h3, .h3 { font-size: 28px; line-height: 36px;}
    .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { padding: 10px 10px; font-size: 16px; }
    .header_in .header_info { gap: 15px; }
    /* .header_in .header_info .header_contact_details a { font-size: 23px; line-height: 23px; } */
    .header_in .nav_top ul { gap: 48px; }
    .header_in  .header_btn { gap: 12px; }
    .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { padding: 10px 10px; font-size: 16px; }
    .header_in .nav_top ul { gap: 48px; }
    .container { padding: 0 35px; }
    /* .header_in .header_info .header_contact_details a { font-size: 24px; LINE-HEIGHT: 25PX; } */
    .header_in .header_menu { gap: 12px; }
    .banner_text_img { gap: 28px; }
    .banner_text_img .img_group { height: 95px; }
    .product_information .product_in h2 { font-size: 27px; }
    .product_information .product_in p { font-size: 18px; }
   .product_information .product_in { row-gap: 22px; }
    p { margin-bottom: 16px; }
   .feature_pro { padding: 25px 0 40px; }
   .feature_pro ul.slick-dots { padding-top: 22px; }
   .neighbors h3 { padding-bottom: 30px; }
   .neighbors h3 { padding-bottom: 30px; }
   .ready h3 { font-size: 28px; }
   .ready p { font-size: 25px; padding-bottom: 38px; }
   .ready .header_btn { gap: 145px; }
   .ready p { padding-bottom: 24px; }
    .ready { padding: 29px 0 50px; }
    footer p ,footer a ,.footer_copy p { font-size: 19px; } 
    .foot_nav > ul { padding-bottom: 25px; }
    footer .banner_text_img { gap: 18px; }
    .footer_in { padding-bottom: 35px; }
    footer { padding: 50px 0 0; }
.slider-container { height: 100px; }

    /*  */
    .inner_banner { padding: 40px 0 0; }
    .about_us { padding: 40px 0; }
    .about_us_in { gap: 60px; }
    .about_us_in .about_us_text h3 { padding-bottom: 16px; }
    .more_info { padding: 45px 0 45px; }
    .more_info h3 { padding-bottom: 16px; }
    .inner_banner h1.h2 { padding-bottom: 12px; }


    /*  */
    .service_sect,.about_us.windows_door_sect ,.gallery,.contact_sect{ padding: 40px 0 40px; }
    .service_sect .what_we_do_in .what_we_card .what_we_box h3 { font-size: 47px; }

     .windows_door_sect .about_us_in { padding-bottom: 40px; }
     .location { padding: 40px 0; }
      ul.tabs { gap: 22px; padding-bottom: 40px; }
      ul.tabs li { font-size: 19px; }
      .contact_sect .contact_in .contact_left { padding: 20px 20px; }
      .contact_sect .contact_in .contact_left h4 { padding-bottom: 16px; }
      .contact_sect .contact_in .contact_left ul { gap: 16px; }
      .contact_sect .contact_in .contact_left ul li { gap: 6px; }
      .contact_sect .contact_in .contact_form h4 { padding-bottom: 20px; }
      .contact_sect .contact_in .contact_form { padding: 20px; }
      .file_upload_wrapper.input_filed.col2 { max-width: 100%; display: inline-block; }
      .file_upload_label { width: max-content; }
      .contact_sect .contact_in .contact_form form { margin: -12px -12px; }
      .contact_sect .contact_in .contact_form form .input_filed { padding: 12px 12px; }
      input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { padding: 20px 20px; }
      .submit-recaptcha.input_filed.col1 { gap: 25px; }

ul.tabs li a { padding: 10px 15px; }

        /* default page css */
       .def-page p{ margin-bottom: 20px; }
       .def_page_otr, .detail_page.def-page { padding: 40px 0; }
       .def-page h2{ font-size: 24px; line-height: 34px;} 
       .def-page h3{font-size: 26px; line-height: 36px;}
       .def-page .left-img{width: 50%;}
       .privacy-page .privacy-inner ul {margin-top: 0;}
       .privacy-page ul, .privacy-page ol {margin-left: 15px;}
       .def-page ul {padding-bottom: 10px;}
       .privacy-page ol {padding-left: 0px;}
       .def-page .right-img{width: 50%;}
       .pagenotfound {padding: 40px 0px;}
       .pagenotfound h2 {font-size: 32px;}
       .def_page_otr { padding: 40px 0; }

    /*  */
    .banner_text_in h1 { position: relative; line-height: 110px; bottom: 40px; }
    .slider-container { height: auto; }
    .slick-slide > div { line-height: 0;}
    .slider-container span { line-height: normal; padding-bottom: 3px;}

    /*  */
 .what_we_box:hover .industry-hover-text {
    font-size: 17px;
}
.industry-hover-text { top: 50%; left: 50%; transform: translate(-50%,-50%);     padding: 0 20px;}
.tab-content {
    margin: -12px -12px;
}
.tab-content .content_img {
    padding: 12px;
}

}
@media(max-width:1056px){
    h1, .h1 ,
    .banner_text_in > .banner_title { font-size: 38px; line-height: 50px;  } 
    h4, .h4 { font-size: 25px; }
    h2, .h2 { font-size: 36px; }
    h3, .h3 { font-size: 27px; }
    header  .h-btn a.button{ font-size: 0; width: 35px; height: 35px; border-radius: 50%; padding: 0; background-image: url(../images/thumb_up.svg); background-position: 6px; background-size: 20px; background-repeat: no-repeat;}
    header .header_btn   .h-btn:nth-of-type(2) a.button{ background-image: url(../images/share.svg);}
    header  .header_btn   .h-btn.orange a.button{ background-image: url(../images/comment.svg);}

    .menu-toggle { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; gap: 5px; width: 28px; height: 21px; cursor: pointer; }
    .menu-toggle { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; gap: 5px; width: 28px; height: 21px; cursor: pointer; }
    .menu-toggle span {position: relative; background-color: black; height: 3px; transition: .5s; display: block; margin: 0; padding: 0; width: 100%; }
  
    .header_in .nav_top ul li { display: block;  position: relative; }
    .header_in .nav_top>ul {will-change: transform;   overflow: hidden ;  position: fixed; top: 0; bottom: 0; right: 0; height: 100vh;transform: translateX(100%); width: 100%; max-width: 60%;transform-origin: right center; transition: .3s; height: 100vh; padding: 50px 25px 20px; background: linear-gradient( 135deg, #B7E1FC, rgba(39, 159, 0, 1), rgba(1, 42, 94,1) ); z-index: 99; display: block; }
    .header_in .nav_top ul.open { transform: translateX(0); }
    .header_in .nav_top ul  li a { width: 100%; padding: 8px 0; display: block; font-size: 18px; line-height: 30px; border-bottom: 2px solid var(--black-color); color: var(--white-color); }
    .menu-toggle.active { position: fixed; z-index: 100; top: 25px; right: 30px; }
    .header_in .nav_top ul  li>ul.sub-menu {transform: scaleY(1); position: relative; width: 100%; margin: 8px 0 0px 0;transition: none;  display: none; overflow: hidden; height: auto; background-color: var(--white-color); }
    .menu-expand { display: block; cursor: pointer; width: 25px; height: 25px; background: #fff; position: absolute; right: 2px; top: 10px; border-radius: 4px; }
    .menu-expand::before { content: ''; transition: .2s; position: absolute; width: 8px; height: 8px; border-top: 2px solid var(--black-color); border-left: 2px solid var(--black-color); transform: rotate(224deg); top: 7px; left: 9px; }
    .header_in .nav_top ul  li.menu-item-has-children>a::after { display: none; }
    .menu-expand.menu-clicked::before { transform: rotate(45deg) translateY(-50%); top: 50%; left: 6px; }
    .menu-toggle.active span:first-child { transform: rotate(45deg); top: 7px !important; width: 100%; background-color: #fff; }
    .menu-toggle.active span:nth-child(2) { opacity: 0; visibility: hidden; }
     .menu-toggle span{position: relative;}
    .menu-toggle.active span:nth-child(3) { transform: rotate(-45deg); top: -11px !important; width: 100%; background-color: #fff; }
    .header_in .nav_top > ul li ul.sub-menu li a { text-wrap: wrap; background: transparent; padding: 9px 15px; }
    .header_in .header_menu { FLEX-DIRECTION: row-reverse; }
    header .header_in nav ul li ul.sub-menu { border-radius: 0px; }
    header .header_in nav ul li ul.sub-menu li > ul.sub-menu { left: 0; top: 1px; margin-top: 0; }
    header .header_in nav ul li ul.sub-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
    header .header_in nav ul li ul.sub-menu li > ul.sub-menu { visibility: visible; }
.tab-content .content_img { padding: 10px; }
 ul li { padding: 2px 5px 2px 20px; }
    .banner_img { height: 738px; }
    .banner_text_img .img_group { height: 80px; }
    .banner_text { bottom: 35px; }
    .product_information .product_in { text-align: center; }
    .product_information .product_in h2 { font-size: 26px; }
    .what_we_do { padding: 30px 0 35px; }
    .what_we_do p { font-size: 23px;line-height: 27px; }
    .what_we_do_in .what_we_card { max-width: 33.33%; }
    p { margin-bottom: 14px; }
    .feature_pro ul.slick-dots { padding-top: 20px; }
    .neighbors { padding: 35px 0 35px; }
    .neighbors .neighbors_in .neighour_box { padding: 0 22px; }
    .feature_pro { padding: 25px 0 35px; }
    .ready .header_btn { gap: 0; justify-content: space-around; }
    .feature_pro h3 { padding-bottom: 20px; }
    .neighbors h3 { padding-bottom: 25px; }
    .ready { padding: 29px 0 40px; }
    .ready h3 { font-size: 27px; line-height: 33px; }
    
    .ready p { font-size: 20px; padding-bottom: 15px; }
    .neighbors ul.slick-dots  button, .feature_pro  ul.slick-dots  button { width: 18px; height: 18px; }
    footer { padding: 40px 0 0; }
    .footer_in { flex-direction: column;gap: 20px; }
    .footer_img { max-width: 80%; display: flex; width: 100%; flex-wrap: wrap; }
    .foot_nav > ul { padding-bottom: 20px; margin: unset; }
    footer .banner_text_img { justify-content: flex-start; }
    .footer_facebook .facebook a { width: 56px; height: 56px; margin: auto; }
  .footer_in  p {
    padding-top: 6px;
    max-width: 100%;
    width: 100%;
}
    .footer_facebook { text-align:center; }
    footer p, footer a, .footer_copy p { font-size: 18px; }


    /*  */
    .inner_banner { padding: 35px 0 0; }
    .inner_banner h1.h2 { line-height: 52px; padding-bottom: 10px; }
    .about_us { padding: 35px 0; }
    .about_us_in .about_us_text h3 { padding-bottom: 14px; }
    .about_us_in { gap: 30px; flex-wrap: wrap; }
    .about_us_in .about_us_img { max-width: 100%; }
    .about_us_in .about_us_text { max-width: 100%; }
    .about_us_in .about_us_text h3 { padding-bottom: 12px; }
    .more_info { padding: 35px 0 35px; }


    /*  */
    .service_sect,.about_us.windows_door_sect,.gallery,.contact_sect { padding: 35px 0 35px; }
    .service_sect .what_we_do_in .what_we_card .what_we_box h3 { font-size: 36px; }
    .service_sect .what_we_do_in .what_we_card { padding: 12px 12px; }
    .service_sect .what_we_do_in { margin: 0 -12px; }
/* .slider-container {
    height: 87px;
    padding: 0 5px;
    bottom: -24px;
} */

     .windows_door_sect .about_us_in { padding-bottom: 35px; }
    .location { padding: 35px 0; }
    ul.tabs { gap: 18px; padding-bottom: 35px; flex-wrap: wrap; }
   .gallery-flip-pair { max-width: 50%; }
   .gallery-flip-pair a { padding: 12px; }
   .tab-content { margin: -10px -10px; }
   .mfp-title { font-size: 19px; }


   .contact_sect .contact_in { gap: 30px; text-align: start; flex-direction: column-reverse; }
.contact_sect .contact_in .contact_form { max-width: 100%; }
input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { padding: 18px 18px; }
.contact_sect .contact_in .contact_form h4 { padding-bottom: 18px; }
.contact_sect .contact_in .contact_left { max-width: 100%; }
.file_upload_label { padding: 15px 15px; }
.contact_sect .contact_in .contact_left h4 { padding-bottom: 12px; }
.contact_sect .contact_in .contact_left ul li { max-width: 47%; width: 100%;  }
.contact_sect .contact_in .contact_left ul { flex-direction: row;flex-wrap: wrap; }
.mfp-content { margin: 0px 50px; }
.feature_pro .feature_pro_in .feature_pro_top { max-width: 50%;    padding: 8px 8px; }
.feature_pro .feature_pro_in { margin: -8px -8px; justify-content: center; }
.slider-container span { line-height: 49px; }
 /* default page css */ 
 .def_page_otr, .detail_page.def-page {
    padding: 45px 0;
}
     .def-page h2{ font-size: 26px; line-height: 32px;} 
     .def-page h3{font-size: 22px; line-height: 30px;}
     .def-page h4{font-size:20px; line-height:26px; }
     .def-page ul li, .def-page ol li{font-size: 16px;line-height: 22px;}
     .def-page ul {padding-bottom: 15px;}
     .def-page ol{padding-left: 0;}
     .def-page .left-img{margin: 0px 20px 10px 0;}
     .privacy-page .privacy-inner ul {margin-top: 0px;}
     .privacy-page ol {margin: 0px 0 10px;}
     .privacy-page ul, .privacy-page ol {margin-left: 10px;}
     .def-page ul {padding-bottom: 10px;}
     .privacy-page .privacy-inner {padding-left: 15px;margin-bottom: 0;}
     .def-page ul li {padding: 5px 0 5px 20px;}
     .def-page .right-img{margin: 0 0 10px 20px;}
     .pagenotfound {padding: 30px 0px;}
     .pagenotfound h2 {font-size: 26px;}
     .pagenotfound p {font-size: 17px;}
     .def_page_otr { padding: 30px 0; }
      .def-page ul li::before { top: 12px; }

    /*  */

.industry-hover-text {
   
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
   
    padding: 0 15px;
   
  
}
.service_sect .what_we_do_in { margin: 0 -9px; }
.service_sect .what_we_do_in .what_we_card {
    padding: 8px 8px;
}
.what_we_box:hover .industry-hover-text {
    font-size: 16px;
}

}
@media(max-width:768px){
    h1, .h1, .banner_text_in > .banner_title { font-size: 26px; line-height: 47px;}
    .banner_text_in h1{ text-align: start;}
    h5, .h5 { font-size: 20px; }
    h2, .h2 { font-size: 34px; }
    h3, .h3 { font-size: 23px; line-height: 33px; }
    .container { padding: 0 25px; }
    .menu-toggle { gap: 2px; width: 24px; height: 19px; }
    .header_in { padding: 16px 0 16px; }
    .header_in .header_info .header_contact_details p { font-size: 17px; line-height: 14px; }
    .header_in .header_info .header_contact_details a { font-size: 20px; LINE-HEIGHT: normal; }
    .header_in .header_info { gap: 4px;flex-direction: column; }
    .header_logo { max-width: 150px; align-self: flex-start; }
    .menu-toggle.active span:nth-child(3) { top: -9px !important; }
    .header_in .nav_top>ul { max-width: 75%; }
    .header_in .nav_top ul  li a { line-height: 25px; }
    .menu-expand { width: 23px; height: 23px; top: 9px; }
    .menu-expand::before { width: 7px; height: 7px; left: 8px; }
    .banner_text_in h1>span { text-align: start; }
    .banner_text_img { gap: 22px; }
    .banner_text_img .img_group { height: 70px; }
    .product_information { padding: 25px 0 25px; }
    .product_information .product_in h2 { font-size: 24px; }
    .product_information .product_in p { font-size: 17px; }
    .product_information .product_in { row-gap: 18px; }
    .what_we_do { padding: 30px 0 30px; }
    .what_we_do p { font-size: 21px; line-height: 23px; }
    .what_we_do h3 { line-height: 33px; }
    .what_we_do_in .what_we_card { max-width: 50%; }
    .feature_pro { padding: 25px 0 25px; }
    .feature_pro h3 { padding-bottom: 15px; }
    .feature_pro ul.slick-dots { padding-top: 12px; }
    .neighbors { padding: 25px 0 25px; }
    .neighbors h3 { padding-bottom: 20px; }
    .neighbors p { font-size: 18px; }
    .ready { padding: 29px 0 30px; }
    .ready h3 { font-size: 25px; line-height: 26px; }
    .ready p { font-size: 19px; line-height: normal; padding-bottom: 8px; }
    .ready .header_btn { flex-wrap: wrap; gap: 11px; }
    footer .banner_text_img { gap: 15px; }
    footer { padding: 30px 0 0; }
    .footer_in { padding-bottom: 20px; }
    .footer_logo { max-width: 160px; }
    ul.col-2 li::before, ul.col-3 li::before { top: 16px; }
    .neighbors .neighbors_head { gap: 10px; padding-bottom: 15px; }
    footer p, footer a, .footer_copy p { font-size: 17px; }
.mfp-content { margin: 0px 30px; }
.service_sect .what_we_do_in .what_we_card { max-width: 100%; }
ul li { padding: 2px 5px 5px 20px; } /*  */
    .inner_banner { padding: 25px 0 0; }
    .inner_banner h1.h2 { line-height: 34px; padding-bottom: 10px; }
     .about_us { padding: 25px 0; }
    body { font-size: 17px; }
    .about_us_in { gap: 20px; }
    .more_info { padding: 25px 0 25px; }
    .slider-container span { line-height: 55px;padding-bottom: 0; }
    .about_us_in .about_us_text h3 { padding-bottom: 10px; }
     .more_info h3 { padding-bottom: 10px; }
.tab-content .content_img { padding: 8px; }
.tab-content { margin: -8px -8px; }

     .service_sect .what_we_do_in { margin: 0 -8px; }
     .service_sect .what_we_do_in .what_we_card { padding: 8px 8px; }
     .service_sect,.about_us.windows_door_sect,.gallery ,.contact_sect{ padding: 25px 0 25px; }
     .service_sect .what_we_do_in .what_we_card .what_we_box h3 { font-size: 28px; }


      .windows_door_sect .about_us_in { padding-bottom: 25px; }
      .location { padding: 25px 0; }
      .location_in { height: 100%; }
      .ser-area-map { height: 500px; }

.banner_img { height: 600px; }
      ul.tabs { gap: 16px; padding-bottom: 25px; }
      ul.tabs li { font-size: 18px; }
      ul.tabs li a { padding: 10px 18px; }
      .gallery-flip-pair a { padding: 10px; }
      .tab-content { margin: -10px -10px; }
      .mfp-content .mfp-close { width: 36px; height: 36px; top: -5px; line-height: 32px; }
      .mfp-title { padding: 10px 20px; font-size: 18px; }
      .mfp-content { margin: auto 45px; }
      .contact_sect .contact_in .contact_form h4 { padding-bottom: 16px; }
      .contact_sect .contact_in .contact_left ul li span { font-size: 17px; }
      .contact_sect .contact_in .contact_left ul li a { font-size: 17px; }
      .contact_sect .contact_in .contact_form form { margin: -10px -10px; }
      input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { padding: 16px 16px;font-size: 16px; }
      .submit-recaptcha.input_filed.col1 { gap: 10px;flex-direction: column; }
ul.col-3 li { width: 50%;padding: 6px 8px 6px 20px; }


      /* default page css */ 
      .def_page_otr, .detail_page.def-page {
    padding: 25px 0;
}
   .def-page p{ margin-bottom: 16px; }
   .def-page h2{ font-size: 22px; line-height: 30px;} 
   .def-page h3{font-size: 20px; line-height: 25px;}
   .def-page ul.col-3 li,   .def-page ul.col-2 li  {width: 100%;}
   .def-page ul li, .def-page ol li {font-size: 15px;line-height: 20px;}
   .def-page .left-img{margin: 0px 0px 10px 0;float: none;width: 100%;text-align: center;}
   .privacy-page ul, .privacy-page ol {margin-left: 10px;}
   .def-page ul li{padding: 4px 0 4px 16px;}
   .def-page ul {padding-bottom: 10px;}
  
   .privacy-page .privacy-inner {padding-left: 10px;margin-bottom: 0;}
   .privacy-page .privacy-inner ul {margin-top: 0;}
   .def-page .right-img{margin: 0 0 10px 0px;width: 100%;float: none;text-align: center;}
   .pagenotfound { padding: 25px 0px 10px; }
   .pagenotfound h2 {font-size: 22px;}
   .pagenotfound p {font-size: 16px;}
   .def-page ul li::before { top: 10px; }

   /*  */
   .tab-content .content_img { max-width: 50%; width: 100%; }
   .slider-container { padding: 0; }
   
}
@media(max-width:620px){
    .service_sect .what_we_do_in .what_we_card { max-width: 100%; height: 480px;line-height: 0; }
    .gallery-flip-pair { max-width: 100%; }
    .contact_sect .contact_in .contact_left ul li { max-width: 100%; }
  .feature_pro .feature_pro_in .feature_pro_top { max-width: 100%;    padding: 2px 8px; }
.feature_pro .feature_pro_in { margin: -2px -8px; justify-content: center; }
.page-id-106 .more_info ul li { width: 100%; }
  ul.col-2 li { width: 100%;line-height: normal;    padding: 6px 6px 6px 20px; }
        ul.col-3 li { width: 100%; line-height: normal;    padding: 6px 6px 6px 20px;}
        ul.col-2 li::before, ul.col-3 li::before { top: 13px; }
        .windows_door_sect ul { margin-bottom: 5PX; }
}
@media(max-width:479px){
    h1, .h1 { font-size: 26px; }
    h2, .h2 { font-size: 26px; }
    h4, .h4 { font-size: 19px; }
    h3, .h3 { font-size: 20px; line-height: 30px; }
   .ready h3 { font-size: 22px; line-height: 26px; }
    .container { padding: 0 20px; }
    .header_in .header_menu { gap: 8px; }
    .header_in  .header_btn { gap: 6px; }
    .header_logo { max-width: 120px; }
    .header_in .header_info .header_contact_details a { font-size: 18px; }
    .header_in .header_info .header_contact_details p { font-size: 15px; line-height: 14px; }
    .header_in  .header_btn { gap: 4px; }
    .header_in .header_info { gap: 3px; }
    .header_in .nav_top ul  li a { padding: 7px 0; font-size: 16px; }
    .header_in .nav_top>ul { max-width: 80%; }
    .header_in .nav_top > ul li ul.sub-menu li a { padding: 9px 11px; }
    .banner_text_in h1 { text-shadow: 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 2px 0 #bbb, 0 3px 0 #b9b9b9, 0 4px 0 #aaa, 0 3px 1px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.3), 0 3px 2px rgba(0,0,0,0.2), 0 1px 3px rgba(0,0,0,0.25), 0 3px 4px rgba(0,0,0,0.2), 0 10px 10px rgba(0,0,0,0.15); }
    .banner_img { height: 450px; }
    .banner_text_img { gap: 10px; }
    .banner_text_img .img_group { height: 50px; }
    footer .banner_text_img {
    gap: 10px;
}
    .header_in { padding: 12px 0 12px; }
    .product_information { padding: 20px 0 20px; }
    .product_information .product_in h2 { font-size: 21px;}
    .product_information .product_in p { font-size: 16px; line-height: 20px; }
    .product_information .product_in { row-gap: 15px; }
    .what_we_do { padding: 20px 0 20px; }
    .what_we_do p { font-size: 19px; line-height: 22px; }
    p { margin-bottom: 12px; }
    .what_we_do_in .what_we_card { max-width: 100%; }
    .feature_pro { padding: 20px 0 20px; }
    .feature_pro h3 { padding-bottom: 10px; }
    .feature_pro ul.slick-dots { gap: 10px; }
    .neighbors ul.slick-dots  button, .feature_pro  ul.slick-dots  button { width: 16px; height: 16px; }
    .neighbors { padding: 20px 0 20px; }
    .neighbors h3 { padding-bottom: 15px; }
    .neighbors .neighbors_head { gap: 3px; padding-bottom: 5px; flex-direction: column; align-items: start; }
    h5, .h5 { font-size: 18px; }
    .neighbors p { font-size: 16px; }
    .neighbors ul.slick-dots { gap: 8px; } 
    .ready { padding: 20px 0 20px; }
    .neighbors .neighbors_in .neighour_box { padding: 0px 14px; }
    .ready p { font-size: 16px; padding-bottom: 5px; }
    footer { padding: 20px 0 0; }
    .footer_logo { max-width: 143px; }
    footer p, footer a, .footer_copy p { font-size: 16px; }
    .footer_in { padding-bottom: 12px;gap: 12px; }
    .foot_nav > ul { column-count: 2; }
    .footer_facebook .facebook a {         width: 46px; height: 40px; }
    .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { padding: 8px 8px; font-size: 15px; }

    /*  */
    .inner_banner { padding: 20px 0 0; }
    .inner_banner h1.h2 { line-height: 25px; padding-bottom: 9px; }
    .about_us { padding: 20px 0; }
    body { font-size: 16px; }
    .about_us_in { gap: 15px; }
    .about_us_in .about_us_text h3 { padding-bottom: 8px; }
    .more_info h3 { padding-bottom: 8px; }
    .more_info { padding: 20px 0 20px; }


    /*  */
    .service_sect,.about_us.windows_door_sect ,.gallery,.contact_sect{ padding: 20px 0 20px; }
    .service_sect .what_we_do_in .what_we_card .what_we_box h3 { font-size: 24px; }
     .windows_door_sect .about_us_in { padding-bottom: 20px; }
     .windows_door_sect .about_us_in  p:last-child{ margin-bottom: 0; }
    .location { padding: 20px 0; }
    .ser-area-map { margin-bottom: 0px; }

    ul.tabs { gap: 12px; padding-bottom: 20px; }
    ul.tabs li { font-size: 16px; }
    ul.tabs li a { padding: 10px 15px; }
    .mfp-title { font-size: 16px; line-height: 16px; }
    .mfp-content .mfp-close { width: 32px; height: 32px; top: 0px; line-height: 28px; }
    .contact_sect .contact_in .contact_form form .input_filed { padding: 10px 10px; }
    .contact_sect .contact_in .contact_form h4 { padding-bottom: 14px; }
    .contact_sect .contact_in .contact_form { padding: 20px 20px; }
    .col2 { max-width: 100%; }
    .col3 { max-width: 100%; }
    .file_upload_label { display: grid; padding: 12px 12px; }
    .contact_sect .contact_in .contact_left h4 { padding-bottom: 10px; }
    .submit-recaptcha.input_filed.col1 { gap: 5px; }
    .contact_sect .contact_in .contact_left ul li span { font-size: 16px; }
    .contact_sect .contact_in .contact_left ul li p { font-size: 16px; padding: 0; }
    .recaptcha { transform: scale(0.8); margin-left: -26px; margin-top: -5px; }
   .contact_sect .contact_in .contact_left ul li a { font-size: 16px; }
   .submit_btn { margin-top: 0px; }
    input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { padding: 15px 14px; }
    /* .slider-container span { line-height: normal; } */

      /* default page css */ 
      .def_page_otr, .detail_page.def-page { padding: 20px 0; }
        .def-page h2{ font-size: 20px; line-height: 25px;} 
        .def-page h3{font-size: 18px; line-height: 22px;}
        .def-page h4{font-size:16px; line-height:18px; }
        .def-page ul li, .def-page ol li {font-size: 14px;line-height: 18px;}
        .privacy-page ol {margin: 5px 0 10px;}
        .privacy-page ul, .privacy-page ol {margin-left: 8px;}
        .pagenotfound { padding: 20px 0px 5px; }
        .pagenotfound h2 {font-size: 20px;}
        .pagenotfound p {font-size: 15px;}
        .def-page ul li { padding: 3px 0 3px 22px; }
        .def_page_otr { padding: 20px 0; }


        /*  */

        .feature_pro .feature_pro_in .feature_pro_top { max-width: 100%; width: 100%; }
      
        .tab-content .content_img { max-width: 100%; width: 100%; height: 100%;}
        .file_upload_label { width: 100%; }
ul li::before { top: 11px; }

.banner_text_in h1 { /* line-height: normal; */ font-size: 18px; line-height: 113px; }
.slider-container span { line-height: normal; padding-bottom: 0; }
h1, .h1, .banner_text_in > .banner_title { font-size: 16px; line-height: normal; }

}