@media (max-width:1800px){
    .header-logo { width: 315px; }
}
@media (max-width:1600px){
    .header-logo { width: 300px; }
    .h-btn a.button, header.inner_header .h-btn a.button{ letter-spacing: 3.5px; padding: 5px 11px; font-size: 19px; }
    .header-nav ul li a, header.inner_header .header-nav ul li a { font-size: 20px; line-height: 31px; }   
    ul.social-icon { gap: 19px; justify-content: flex-end;} 
    .header-nav .nav-top{ gap: 23px; }
    .header-logo { width: 270px; }
    header ul li.menu-item-has-children>a::after, header.inner_header ul li.menu-item-has-children>a::after{ top: 5px; }
    header ul li ul.sub-menu li a, header.inner_header ul li ul.sub-menu li > a, header ul li ul.sub-menu li > a { font-size: 20px; line-height: 31px; }
    .more_info, .blue_box { padding: 65px 0; }
    .more_info .more_info_in { gap: 80px; }
    .page-id-24 .our_team{    padding: 0px 0 65px;}
    .our_project .out_team_sect .our_team_card .our_img { margin-bottom: 0px !important; line-height: 0; }
    .residential_shingles { padding: 65px 0 0; }
    .service_form_inr .contact_sect { padding: 50px 0 65px; }
    .contact_sect { padding: 65px 0; }
footer .h-btn a.button { letter-spacing: 1.5px; }
.blue_box_in ul li {
  padding-right: 5px;
}

    
}
@media (max-width:1399px){
    h2, .h2 { font-size: 32px; }
    h3, .h3 { font-size: 28px; }
    h4, .h4 { font-size: 22px; }

    .header-logo { width: 240px; }
    .header-nav ul { gap: 25px;}
    .header-nav ul li a, header.inner_header .header-nav ul li a { font-size: 18px; line-height: 26px; }
    header ul li.menu-item-has-children>a::after, header.inner_header ul li.menu-item-has-children>a::after{ top: 5px; width: 9px; height: 9px; border-width: 2px; right: -14px}
    .h-btn a.button, header.inner_header .h-btn a.button { letter-spacing: 1.5px; padding: 5px 11px; font-size: 18px; }
    header ul li ul.sub-menu li a, header.inner_header ul li ul.sub-menu li> a, header ul li ul.sub-menu li > a { font-size: 18px; line-height: 26px; }
    header.inner_header .h-btn a.button{ line-height: 26px; }
    ul.social-icon { width: 225px; justify-content: center; }
    ul.social-icon li a { width: 47px; height: 47px; }
    .banner_content h1 { font: normal normal normal 112px/150px Life; }
    .banner_content p { font: normal normal normal 47px/66px Life; }
    .banner_content h2 { font: normal normal normal 70px/105px Life; }
    .banner_content ul li { font: normal normal bold 23px/33px Helvetica; }
    .bussiness h3 { padding-bottom: 28px; font-size: 35px; }
    .mission_div_inr { padding: 16px 0px; }
    .mission_col_inr { padding: 22px; }
    .bussiness .bussiness_in .bussiness_img img { object-fit: contain; }
    .bussiness .bussiness_in { gap: 45px; }
    .neighbors_say h3 { padding-bottom: 30px; font-size: 35px; }
    .neighbors_say .neighbors_info .neighbors_card .neighbors_box p { font-size: 24px; }
    .neighbors_say .neighbors_info .neighbors_card { padding: 0px 20px; }
    .bussiness { padding: 30px 0 60px; }
    .neighbors_say .neighbors_info .neighbors_card .neighbors_box span { font-size: 24px; }
    .more_info , .blue_box{ padding: 60px 0; }
    .more_info .text h2,.blue_box h2,.our_team h2,.our_service h2,section.more_info.residential_shingles.bottom_content h2 , .contact_sect .contact_in .contact_left h3 { padding-bottom: 20px; }
    .more_info .more_info_in { gap: 60px; }
    .contact_sect .contact_in .contact_form h3 { padding-bottom: 24px; }
    .our_team .out_team_sect .our_team_card .our_img { margin-bottom: 22px; }
    .our_team .out_team_sect .our_team_card .our_text h4 { padding-bottom: 14px; }
    .page-id-24 .our_team{    padding: 0px 0 60px;}
    .residential_shingles { padding: 60px 0 0; }
    .service_form_inr .contact_sect { padding: 50px 0 60px; }
    .contact_sect { padding: 60px 0; }
    .contact_sect .contact_in .contact_form { padding: 40px; }
    .contact_sect .contact_in .contact_left ul li a,.contact_sect .contact_in .contact_left ul li p ,.contact_sect .contact_in .contact_left ul li span { font-size: 17px; }

    .contact_sect .contact_in .contact_left ul { gap: 18px; }
    .contact_sect .contact_in .contact_left { max-width: 30%; padding: 40px 25px; }
    footer .footer_logo p { font-size: 22px; }
    footer .footer_nav ul li { font-size: 19px; }
    footer .foorter_in { gap: 38px; }
    footer .footer_logo .logo { max-width: 275px; }
    footer .footer_logo { max-width: 44%; }
    footer .h-btn a.button { letter-spacing: 0.5px; }
ul.col-2 li { width: 100%; }
.page-id-169 img.mfp-img {
    max-height: 615px !important;
}
   
}

@media (max-width:1199px){
    h2, .h2 { font-size: 28px; }
    h3, .h3 { font-size: 24px; }
    h4, .h4 { font-size: 22px; }

       
    .header-logo { width: 233px; }
    .h-btn a.button, header.inner_header .h-btn a.button { letter-spacing: 1.4px; font-size: 17px; }
    ul.social-icon { width: 214px; }
    .banner_content h2 { font: normal normal normal 63px/105px Life; }
    .banner_content h1 { font: normal normal normal 105px/138px Life; }
    .banner_content p { font: normal normal normal 42px/60px Life; }
    .banner_content ul { gap: 66px; }
    .banner_content ul li { font: normal normal bold 21px/30px Helvetica; }
    .bussiness h3 { padding-bottom: 22px; font-size: 33px; }
    body { font-size: 19px; line-height: 24px; }
    .mission_div_inr { padding: 14px 0px; }
    .mission_col_inr { padding: 20px; }
    .bussiness .bussiness_in { display: inline-block; }
    .bussiness .bussiness_in .bussiness_img { max-width: 71%; width: 100%; display: inline-block; float: left; margin: 0 20px 0px 0; }
    .bussiness .bussiness_in .bussiness_text { width: 100%;max-width: 100%; }
    .bussiness .bussiness_in .bussiness_img img { height: 100%; }
    .bussiness { padding: 30px 0 50px; }
    .rooms .rooms_in .card { padding: 12px 12px; max-width: 33.33%; }
    .rooms .rooms_in { margin: -12px -12px; }
    .rooms .rooms_in .card_box .card_img { height: 400px; }
    .rooms .rooms_in .card_box .card_text { bottom: 30px; }
    .rooms .rooms_in .card_box:hover .card_text { bottom: 75px; }
    .neighbors_say h3 { padding-bottom: 22px; font-size: 32px; }
    .neighbors_say .neighbors_info .neighbors_card .neighbors_box p { font-size: 22px; }
    .neighbors_say .neighbors_info .neighbors_card .neighbors_box span { font-size: 22px; }
    footer .footer_logo .logo { max-width: 208px; }
    footer .footer_logo .logo a{width: 100%;height: 100%;}
    footer .footer_logo p { font-size: 21px; line-height: 32px; margin-bottom: 0; }
    footer .footer_nav ul { column-gap: 9px; }
    footer .footer_nav ul li { font-size: 19px; }
    header.inner_header  ul li ul.sub-menu li a, header  ul li ul.sub-menu li a, ul.sub-menu li > ul.sub-menu li a { padding: 10px 16px; }
    .our_team { padding: 60px 0; }
    .about_banner .banner_content h1 { font-size: 66px; }
    .our_team .out_team_sect { margin: -15px -15px; }
     .our_team.our_project .out_team_sect { margin: 0px -15px; }
    .our_team .out_team_sect .our_team_card { padding: 15px 15px; }
    .more_info, .blue_box { padding: 50px 0; }
    .more_info .more_info_in { gap: 50px; }
    .page-id-24 .our_team { padding: 0px 0 50px; }
    .more_info .text h2, .blue_box h2, .our_team h2 ,.our_service h2 ,section.more_info.residential_shingles.bottom_content h2 { padding-bottom: 18px; }
    .our_team .out_team_sect .our_team_card .our_img { margin-bottom: 20px; }
    .our_team .out_team_sect .our_team_card .our_text h4 { padding-bottom: 10px; }
    .residential_shingles { padding: 50px 0 0; }
    .service_form_inr .contact_sect { padding: 50px 0 50px; }
    .contact_sect .contact_in .contact_left { max-width: 33%; padding: 37px 20px; }
    .contact_sect .contact_in .contact_form h3 { padding-bottom: 22px; }
    .contact_sect { padding: 50px 0; }
    .contact_sect .contact_in .contact_left ul { gap: 15px; }
    .contact_sect .contact_in .contact_form { padding: 35px; }
    footer .footer_logo p { font-size: 20px; }
 footer .h-btn a.button {
    letter-spacing: -0px;
}

   footer .footer_nav {
    max-width: 46%;
   
}
    footer .foorter_in {
  row-gap: 10px;
    flex-wrap: wrap;
}



    
    .def-page {padding: 40px 0px 30px;}
    .def-page h2 {font-size: 30px;line-height: 38px;}
    .def-page h3{font-size: 25px; line-height: 35px;}
    .def-page h4{font-size:22px; line-height:32px;}
    .def-page h5{ font-size:19px; line-height:29px;}
    .def-page h6{font-size: 20px; line-height: 27px;}
    .def-page p {font-size: 17px;line-height: 30px;}
    .def-page ul li, .def-page ol li{font-size: 17px;line-height: 30px;}
    .def-page .left-img{max-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;}
    /* .def-page ul li:before {top: 9px;} */
    .privacy-page ol {padding-left: 0px;}
    .pagenotfound {padding: 40px 0px;}
    .pagenotfound h2 {font-size: 32px;}
    .pagenotfound p {font-size: 18px;}
    .def-page p {margin-bottom: 15px;}
    .def-page strong { font-size: 20px; }

}
@media (max-width:1024px){
    h2, .h2 { font-size: 26px; }
    h3, .h3 { font-size: 22px; }
    h4, .h4 { font-size: 21px; }

    /* side menu */
    .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 { background-color: var(--black-color); height: 3px; transition: .5s; display: block; margin: 0; padding: 0; width: 100%; }
   header .nav-top ul{ position: fixed; top: 0; right: 0; transform: translateX(100%); width: 80%; transform-origin: right center; transition: .3s; height: 100%; 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 .nav-top ul.open { transform: translateX(0); }
    header .nav-top ul li{ position: relative; }
    header .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 .nav-top ul li>ul.sub-menu { transform: scale(1); transition: none; position: relative; top: auto; left: auto; display: none; width: 100%; }
    .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 ul li.menu-item-has-children>a::after, header.inner_header ul li.menu-item-has-children>a::after { display: none; }
    header.inner_header  ul li ul.sub-menu, header  ul li ul.sub-menu { visibility:unset;padding: 0;    border-radius: 4px;}
    .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; }
    ul.social-icon { margin-left:0; }


    /*  */
    .header-logo { width: 210px; }
    .nav-bottom { padding: 12px 0 0; }
    ul.social-icon li a { width: 44px; height: 41px; }
    .header-nav ul { gap: 12px; }
    .container { padding: 0 40px; }
    .header-nav .nav-top { gap: 16px; }
    .banner_content h1 { font: normal normal normal 60px/92px Life; }
    .banner_content p { font: normal normal normal 24px/40px Life; }
    .banner_content ul li { font: normal normal bold 18px/26px Helvetica; }
    .banner_content h2 { font: normal normal normal 43px/71px Life; }
    .bussiness h3 { padding-bottom: 16px; font-size: 28px; }
    .mission_col { width: 33.33%; padding: 12px; }
    .mission_div_inr { padding: 12px 0px; }
    .mission_col_img { width: 80px; margin: 0 auto; }
    .mission_txt { padding-top: 18px; }
    body { font-size: 18px; line-height: 23px; }
    .rooms .rooms_in .card_box .card_img { height: 314px; }
    .neighbors_say h3 { padding-bottom: 12px; font-size: 27px; }
    .rooms { padding: 40px 0 40px; }
    .neighbors_say { padding: 30px 0 40px; }
    footer .footer_logo .logo { max-width: 166px; }
    footer .footer_logo p { font-size: 19px; line-height: 29px; }
    footer .foorter_in {  column-gap: 26px; }
    footer .footer_nav { max-width:44%; }
footer .footer_logo { max-width: 50%; }
footer .footer_nav ul li { font-size: 18px; }
    footer .footer_nav ul { row-gap: 11px; }
    .copyright-text p { padding-top: 27px; font-size: 17px;}
    .banner { height: 650px; }
    .neighbors_say .neighbors_info .neighbors_card .neighbors_box p, .neighbors_say .neighbors_info .neighbors_card .neighbors_box span { font-size: 19px; }
    .about_banner { height: 450px !important; }
    .our_team { padding: 50px 0; }
    .about_banner .banner_content h1 { font-size: 60px; }
    .our_team .out_team_sect .our_team_card { padding: 12px 12px; }
    .our_team.our_project .out_team_sect .our_team_card { padding: 12px 12px; }
    .our_team.our_project .out_team_sect { margin: 0px -12px; }
    .our_team .out_team_sect { margin: -12px -12px; }
   
    .page-id-24 .our_team { padding: 0px 0 40px; }
    .more_info, .blue_box { padding: 40px 0; }
    .more_info .more_info_in { gap: 30px;flex-wrap: wrap; }
    .more_info .img { max-width: 100%; height: 100%; }
    .more_info .text { max-width: 100%; }
    .more_info .text h2, .blue_box h2, .our_team h2,.our_service h2 ,section.more_info.residential_shingles.bottom_content h2 , .contact_sect .contact_in .contact_left h3 { padding-bottom: 14px; }
    .our_team .out_team_sect .our_team_card .our_text h4 { padding-bottom: 8px; }
    .residential_shingles { padding: 40px 0 0; }
    .service_form_inr .contact_sect { padding: 40px 0 ; }
    .service_form_inr .contact_sect .contact_in .contact_form { max-width: 100%;padding: 40px; }
    .contact_sect .contact_in .contact_form h3 { padding-bottom: 18px; }
    .contact_sect .contact_in .contact_form form .input_filed { padding: 12px 12px; }
    .input_filed.col1.submit_btn input[type="submit"] { letter-spacing: 7px; font-size: 21px; }
    .contact_sect .contact_in .contact_form form { margin: -12px -12px; }
    input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { padding: 18px 18px; font-size: 17px; }
    .header-nav ul li a, header.inner_header .header-nav ul li a ,header ul li ul.sub-menu li a, header.inner_header ul li ul.sub-menu li> a, header ul li ul.sub-menu li > a { font-size: 17px; }
    .contact_sect .contact_in { gap: 30px; flex-wrap: wrap; }
    .contact_sect .contact_in .contact_left { max-width: 100%; margin: auto; padding: 0px; }
    .contact_sect .contact_in .contact_left ul { gap: 15px; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
    .contact_sect .contact_in .contact_left ul li { max-width: 46%; width: 100%; }
    .contact_sect .contact_in .contact_form { max-width: 100%; padding: 30px; }
    .contact_sect .contact_in .contact_left ul li p br{display: none;}
    .contact_sect { padding: 40px 0; }
    .pagination ul li a, .pagination ul li span { width: 40px; height: 40px; font-size: 19px; }
    .pagination ul li a.nextpostslink::before, .pagination ul li a.previouspostslink::before { left: 12px; top: 14px; }
    .pagination ul li a.previouspostslink::before { left: 15px; top: 14px; }
    .page-id-169 .mfp-close { width: 40px; height: 40px; font-size: 29px; line-height: 36px; }
    


    /* def-page */
   .def-page {padding: 30px 0px 20px;}
   .def-page h2 {font-size: 26px;line-height: 34px;}
   .def-page h3{font-size: 24px; line-height: 34px;}
   .def-page h4{font-size:21px; line-height:31px;}
   .def-page h5{ font-size:18px; line-height:28px;}
   .def-page h6{font-size: 20px; line-height: 26px;}
   .def-page p {font-size: 16px;line-height: 28px;margin-bottom: 10px;}
   .def-page ul li, .def-page ol li{font-size: 16px;line-height: 26px;}
   .def-page ul li:before {top:12px;}
   .def-page ul.col-3 li{width: 50%;}
   .def-page ul {padding-bottom: 15px;}
   .def-page ol{padding-left: 0;}
   .def-page .left-img{margin: 0px 20px 10px 0; max-width: 50%;}
   .def-page .right-img{margin: 0 0 10px 20px; max-width: 50%;}
   .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;}
   .pagenotfound {padding: 30px 0px;}
   .pagenotfound h2 {font-size: 26px;}
   .pagenotfound p {font-size: 17px;}
   .def-page strong { font-size: 19px; }
}
@media (max-width:767px){
    h2, .h2 { font-size: 24px; }
    h3, .h3 { font-size: 20px; }
    h4, .h4 { font-size: 19px; }
    .container { padding: 0 25px; }



    .header-logo { width: 160px !important; }
    .h-btn a.button, header.inner_header .h-btn a.button { letter-spacing: 0px; font-size: 15px; padding: 2px 11px; }
    .header-nav .nav-top { gap: 12px; }
    ul.social-icon { width: 182px; }
    ul.social-icon li a { width: 37px; }
    .nav-bottom { padding: 9px 0 0; }
    .menu-toggle { width: 25px; height: 19px;         gap: 3px;}
    .menu-toggle.active span:first-child { top: 5px !important; }
    header .nav-top ul li a { padding: 6px 0; font-size: 17px; }
    header ul li ul.sub-menu li a{ font-size: 17px; }
    .banner_content h1 { font: normal normal normal 43px/51px Life; }
    .banner_content p { font: normal normal normal 21px/31px Life; }
    .banner_content ul li { font: normal normal bold 15px/23px Helvetica; }
    .banner_content ul { gap: 24px;    border-width: 3px 0 3px 0; }
    .banner_content ul li::after { right: -14px; width: 8px; height: 8px; }
    .banner_content h2 { font: normal normal normal 30px/54px Life; }
    .bussiness h3 { padding-bottom: 11px; font-size: 23px; }
    body { font-size: 17px; }
    .mission_div_inr { flex-wrap: wrap; }
    .mission_col { width: 50%; }
    .mission_col_img { width: 65px; }
    .bussiness .bussiness_in .bussiness_img { max-width: 100%; margin: 0 0px 0px 0; }
    p { margin-bottom: 15px; }
    .rooms .rooms_in .card { max-width: 50%; }
    .rooms .rooms_in .card_box .card_text { bottom: 20px; }
    .rooms .rooms_in .card_box:hover .card_text { bottom: 50px; }
    .neighbors_say { padding: 30px 0 30px; }
    .neighbors_say h3 { padding-bottom: 3px; font-size: 23px; }
    ul.slick-dots li button { padding: 7px; }
    ul.slick-dots { gap: 13px; }
    footer { padding: 40px 0 20px; }
    footer .foorter_in { gap: 20px; flex-wrap: wrap; }
    footer .footer_logo p >br{ display: none; }
    footer .footer_logo { max-width: 100%; }
    footer .footer_nav { max-width: 100%; flex-direction: column; }
    footer .footer_logo p { font-size: 18px; }
    footer .footer_nav ul li { font-size: 18px; }
    footer .footer_nav ul { row-gap: 9px; }
    .copyright-text p { padding-top: 21px; font-size: 16px; }
    footer .footer_logo .logo { max-width: 170px; }
    .neighbors_say .neighbors_info .neighbors_card .neighbors_box p, .neighbors_say .neighbors_info .neighbors_card .neighbors_box span { font-size: 18px; }
    .about_banner .banner_content h1 { font-size: 51px; }
    .about_banner .banner_content { bottom: 44px; }
    .our_team { padding: 40px 0; }
    .our_team .out_team_sect .our_team_card { max-width: 50%; }
    .page-id-169 .mfp-content { margin: 0 50px; }
    .more_info, .blue_box { padding: 30px 0; }
    .more_info .more_info_in { gap: 20px; }
    .more_info .text h2, .blue_box h2, .our_team h2,.our_service h2,section.more_info.residential_shingles.bottom_content h2, .contact_sect .contact_in .contact_left h3   { padding-bottom: 12px; }
    ul.col-2 li { width: 100%; }
    .page-id-24 .our_team { padding: 0px 0 30px; }
    .rooms { padding: 30px 0 30px; }
    .residential_shingles { padding: 30px 0 0; }
    .service_form_inr .contact_sect { padding: 30px 0; }
    .service_form_inr .contact_sect .contact_in .contact_form { padding: 30px; }
    .contact_sect .contact_in .contact_form h3 { padding-bottom: 5px; }
    .contact_sect .contact_in .contact_form form .input_filed { padding: 10px 10px; }
    .contact_sect .contact_in .contact_form form { margin: -10px -10px; }
    .contact_sect .contact_in .contact_form form .input_filed.submit_btn { padding: 10px 10px;    flex-wrap: wrap; }
    .input_filed.col1.submit_btn { display: flex; gap: 20px; }
    .submit-btn { margin-top: 0px; }
    .input_filed.col1.submit_btn input[type="submit"] { letter-spacing: 5px; font-size: 18px; }
    .button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { padding: 10px 14px; }
    .header-nav ul li a, header.inner_header .header-nav ul li a ,header ul li ul.sub-menu li a, header.inner_header ul li ul.sub-menu li> a, header ul li ul.sub-menu li > a { font-size: 16px; }
    input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { padding: 15px 15px; font-size: 16px; }
    .contact_sect { padding: 30px 0; }
    .contact_sect .contact_in .contact_left ul li { max-width: 48%; }
    .contact_sect .contact_in .contact_left ul li:last-child { max-width: 100%; }
    .contact_sect .contact_in .contact_left ul li a, .contact_sect .contact_in .contact_left ul li p, .contact_sect .contact_in .contact_left ul li span { font-size: 16px; }
    .contact_sect .contact_in .contact_form h3 { padding-bottom: 18px !important; }
    .menu-expand { top: 7px; }
    .pagination ul li a.previouspostslink::before { left: 14px !important; top: 13px !important; }
    .page-id-169 .mfp-close { width: 38px; height: 38px; font-size: 28px; line-height: 36px; }




    /* def-page */
    
.def-page {padding: 20px 0px 20px;}
.def-page h2 {font-size: 24px;line-height: 30px;}
.def-page h3{font-size: 22px; line-height: 32px;}
.def-page h4{font-size:20px; line-height:30px;}
.def-page h5{ font-size:18px; line-height:28px;}
.def-page h6{font-size: 20px; line-height: 26px;}
.def-page p {font-size: 15px;line-height: 24px;}
.def-page ul.col-2 li{width: 100%;}
.def-page ul.col-3 li{width: 100%;}
.def-page ul li, .def-page ol li {font-size: 15px;line-height: 26px;    padding: 3px 20px; }
.def-page ul li:before {top:14px;width: 7px; height: 7px;}
.def-page iframe{max-height:100%; aspect-ratio: 1/0.6; height: auto;}
.def-page .left-img{margin:0px auto 10px;float: none;width: 100%;text-align: center; max-width: 100%;}
.def-page .right-img{margin:0px auto 10px;float: none;width: 100%; text-align: center; max-width: 100%;}
.privacy-page ul, .privacy-page ol {margin-left: 10px;}
.def-page ul {padding-bottom: 10px;}
.privacy-page .privacy-inner {padding-left: 10px;margin-bottom: 0;}
.privacy-page .privacy-inner ul {margin-top: 0;}
.pagenotfound {padding: 20px 0px;}
.pagenotfound h2 {font-size: 22px;}
.pagenotfound p {font-size: 16px;}
.def-page strong { font-size: 18px; }




.wp_pagination {  padding: 20px 0 0px; }
.pagination ul li a, .pagination ul li span { width: 38px; height: 38px; font-size: 18px; }
.wp_pagination ul { gap: 17px; }
.pagination ul li a.nextpostslink::before, .pagination ul li a.previouspostslink::before {         left: 11px; top: 13px;}
}
@media (max-width:650px){
     .our_team .out_team_sect .our_team_card { max-width: 100%; padding: 10px 10px; }
    .our_team .out_team_sect { margin: -10px -10px; }
     .our_team.our_project .out_team_sect .our_team_card { padding: 10px 10px; }
}
@media (max-width:478px){
    h2, .h2 { font-size: 21px; }
    h4, .h4 { font-size: 18px; }
    h3, .h3 { font-size: 19px; }
    .container { padding: 0 20px; }
    .header-nav .nav-top { gap: 9px; }
    header .h-btn a.button{ font-size: 0; width: 35px; height: 35px; border-radius: 50%; padding: 0; background-image: url(../images/quote-request.png); background-position: 9px; background-size: 20px; background-repeat: no-repeat; }
    header .h-btn a.button:hover { filter: brightness(20%) contrast(120%) sepia(20%); }
  
    ul.social-icon { width: 113px; }
    ul.social-icon li a { width: 35px; }
    .header-logo { width: 143px !important; }
    .banner_content h1 { font: normal normal normal 28px/44px Life; }
    .banner_content p { font: normal normal normal 16px/25px Life; }
    .banner_content ul { gap: 3px; flex-direction: column; border-width: 2px 0 2px 0; padding: 7px 0; MARGIN: 6px AUTO 0; }
    .banner_content ul li::after {display: none;}
    .banner_content h2 { font: normal normal normal 20px/38px Life; }
    .banner_content { bottom: 14px; }
    .bussiness { padding: 20px 0 20px; }
    .bussiness h3 { padding-bottom: 11px; font-size: 18px; }
    body { font-size: 16px; }
    .mission_col { width: 100%; }
    .mission_col_img { width: 55px; }
    .mission_txt { padding-top: 15px; }
    .bussiness .bussiness_in .bussiness_img { max-width: 100%; margin: 0 0px 10px 0; }
    .rooms .rooms_in .card { max-width: 100%; }
    .neighbors_say h3 { padding-bottom: 0px; font-size: 19px; }
    .neighbors_say { padding: 20px 0 20px; }
    footer .footer_logo {  flex-wrap: wrap;    gap: 15px; } 
    footer .footer_logo p { font-size: 16px; }
    footer .foorter_in { gap: 15px; }
    footer .footer_nav ul li { font-size: 16px; }
    footer { padding: 20px 0 20px; }
    .banner { height: 550px; }
    header .nav-top ul li a {font-size: 16px; line-height: 25px; }
    .menu-expand { top: 8px; width: 23px; height: 23px; }
    header .nav-top ul { width: 84%; transform-origin: right center;padding: 50px 20px 20px; }
    header ul li ul.sub-menu li a { font-size: 16px; }
    header.inner_header  ul li ul.sub-menu li a, header  ul li ul.sub-menu li a, ul.sub-menu li > ul.sub-menu li a { padding: 8px 12px; }
    .about_banner { height: 400px !important; }
    .about_banner .banner_content h1 { font-size: 33px; }
    .about_banner .banner_content { bottom: 25px; }
    .our_team { padding: 20px 0; }
   
    .our_team.our_project .out_team_sect { margin: 0px -10px; }
    .our_team .out_team_sect .our_team_card .our_img a { line-height: 0; }
    .our_project .out_team_sect .our_team_card .our_img { height: 100%; }
    header.inner_header .h-btn a.button { font-size: 0; width: 35px; height: 35px; border-radius: 50%; padding: 0; background-image: url(../images/quote_request_black.png); background-position: 9px; background-size: 20px; background-repeat: no-repeat; }
    header.inner_header .h-btn a.button:hover { filter:none; }
    .more_info, .blue_box,.rooms { padding: 20px 0; }
    .more_info .text h2, .blue_box h2, .our_team h2,.our_service h2 ,section.more_info.residential_shingles.bottom_content h2 , .contact_sect .contact_in .contact_left h3 { padding-bottom: 10px; }
    .our_team .out_team_sect .our_team_card .our_img { margin-bottom: 16px; }
    .residential_shingles { padding: 20px 0 0; }
    p { margin-bottom: 10px; }
    .more_info .more_info_in ul { padding: 8px 0 0; }
    section ul li::before { width: 8px; height: 8px; }
    .service_form_inr .contact_sect { padding: 0px 0 20px; }
    .col2 { max-width: 100%; }
    .service_form_inr .contact_sect .contact_in .contact_form { padding: 20px; }
    .recaptcha{ transform: scale(0.7); margin-left: -43px;        margin-top: -8px; }
    .input_filed.col1.submit_btn { gap: 0px; }
    .input_filed.col1.submit_btn input[type="submit"] { letter-spacing: 4px; font-size: 16px; }
    .wpcf7 form .wpcf7-response-output { margin: 1em 0.5em 1em; }
    section ul li { padding-bottom: 10px; padding-left: 21px; }
    .contact_sect .contact_in .contact_form form .input_filed.submit_btn { padding: 3px 10px;  }
    .contact_sect { padding: 20px 0; }
    .menu-expand::before { width: 7px; height: 7px; left: 8px; }
    .contact_sect .contact_in { gap: 20px; }
    .menu-toggle.active { top: 20px; right: 20px; }
    .contact_sect .contact_in .contact_form { padding: 20px; }
    input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { padding: 12px 12px; }

    .page-id-169 .mfp-close {width: 33px; height: 33px; top: -2px; font-size: 24px; line-height: 31px;}
    footer .h-btn a.button { padding: 3px 14px; font-size: 15px; }
   
    .pagination ul li a, .pagination ul li span { width: 34px; height: 34px;font-size: 16px; }
    .pagination ul li a.nextpostslink::before, .pagination ul li a.previouspostslink::before { left: 10px; top: 11px; width: 9px; height: 9px; }
.wp_pagination { padding: 10px 0 0px; }
.wp_pagination ul { gap: 11px; }
.pagination ul li a.previouspostslink::before { left: 13px !important; }
    .contact_sect .contact_in .contact_left ul li { max-width: 100%; }

    /* def-page */
    
/* .def-page {padding: 15px 0px 15px;} */
.def-page h2 {font-size: 22px;line-height: 26px;margin-bottom: 10px;}
.def-page h3{font-size: 20px; line-height: 28px;margin-bottom: 5px;}
.def-page h4{font-size:18px; line-height:26px;margin-bottom: 5px;}
.def-page h5{ font-size:17px; line-height:26px;margin-bottom: 5px;}
.def-page h6{font-size: 20px; line-height: 26px;margin-bottom: 5px;}
.def-page p {font-size: 14px;line-height: 24px;margin-bottom: 6px;}
.def-page ul.col-3 li {width: 100%;}
.def-page ul li, .def-page ol li {font-size: 14px;line-height: 22px; margin-bottom: 0px;}
.def-page ul.col-2 li {width: 100%;}
.privacy-page ol {margin: 5px 0 10px;}
.privacy-page ul, .privacy-page ol {margin-left: 8px;}
.pagenotfound {padding: 15px 0px;}
.pagenotfound h2 {font-size: 20px;}
.pagenotfound p {font-size: 15px;}
.def-page ol { padding-bottom: 0px; }
.def-page ul { padding-bottom: 0px; }
.def-page ul li:before { top: 12px; }
.def-page ol li { padding: 5px 0px; }
.def-page strong { font-size: 16px; }

   
}