/* for mobile  header */


@media(max-width:1680px) {
    header .location-info p a, header .location-info p {font-size: 20px;}
    header .top-social ul li a img {
        min-width: 27px;
        height: 31px;
        margin: 10px 0;
    }
}
    @media(max-width:1399px) {
        p{font-size: 21px;}
        header .location-info p a, header .location-info p {font-size: 17px;}
        #menu ul li a{font-size: 20px;}
        .kitchen-card .card-content p{font-size: 18px;}
        .contact-sec h5{font-size: 19px;}
        h3{font-size: 22px;}
        .social-icons img {
            height: 28px;
        }
        .box-a *{font-size: 19px;}
        .bottom-nav .btn-primary{font-size: 20px;}
        header .container-fulid{width: 86%;}
        #menu ul li a:after{font-size: 19px;}
        .mission-content ul li{font-size: 18px;}
        header .location-info p a, header .location-info p{font-size: 18px;}
        .logo-heading {padding: 20px 16px;}
        .logo-box-grid {grid-template-columns: auto;}
        .logo-card .img-box {max-width: 170px;}



    }
    @media(max-width:1299px) {

        header .top-social ul li a img{height: 19px;}


}
@media(min-width:1200px) and (max-width:1300px) {

}
@media (max-width:1199px) {

    p{font-size: 19px;}
    h1{font-size: 27px;}
    h2{font-size: 24px;}
    header .location-info p a, header .location-info p{font-size: 16px;}
    .settle-content {padding: 13px 16px;}
    .kitchen-card .card-content a{font-size: 18px;}
    .contact-sec .form-control, .contact-sec .form-select {
        border-radius: 5px;
        height: 48px;
        font-size: 16px;
    }
    .contact-sec .form-control::placeholder, .contact-sec label, .contact-sec select{font-size: 16px;}
    .contact-info a{font-size: 16px;}
    .space-heading h1 {font-size: 28px;line-height: 47px;}
    .space-heading a {font-size: 44px;}
    .creative-sec ul li {font-size: 18px;}
    .slide-show p {font-size: 25px;}
    h4 {font-size: 20px;}





}
@media (max-width:1024px) {


}
@media(max-width:991px){

  .topbar {width:100%; position:relative;z-index: 999;}
  .topbar .logo a{font-family: var(--font-1);font-size: 32px;font-weight: 400;}
  .topbar .logo img{width: 180px;margin:4px 0 10px 0;}


  .topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
  .topbar ul.top_right_contents li a.menu_open img {width:30px;color: #000;}
  .topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;background-color: var(--white);}
  .topbar.sticky .logo img{width: 150px;}
  .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;
      margin-right: 20px;  line-height: 1;}
  .topbar ul.top_right_contents li:last-child {margin-right: 0;}
  .topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
  .topbar ul.top_right_contents li a i {font-size: 26px;}
  .topbar ul.top_right_contents li a i.user { font-size: 34px;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 36px;}
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
  .menu_toggler {margin:15px 0 0;}
  .menu_toggler .icons {font-size:26px; color:#212121}
  .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
  .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
  .menu_close {padding: 0;padding:5px 0 0 30px;margin-bottom: 20px;}
  .menu_close img {width: 29px;}
  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background:var(--secondary); padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 300px; height: 100vh;}
  .mobile_menu_wrap .form-control{width: 80%;}
  .mobile_menu_wrap.menu_show {right:0;}
  .mobile_menu_wrap ul {padding:0; margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400; font-family:var(--font-1);}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 20px;}
  .mobile_menu_wrap ul.main_menu li{color: var(--dark);}
  .main_menu li.active a{color:var(--text-color);font-weight: bold;}
  .main_menu li a:hover,.topbar .top-links a:hover{color:var(--dark);}
  .mobile_menu_wrap ul.main_menu li a {font-size:20px; text-decoration: none;}
  .mobile_menu_wrap ul li a {position: relative; display: block; padding:10px 30px;width: 100%; color: var(--dark) ;}
  .mobile_menu_wrap ul li.hassub {position: relative;width: 100%;display: inline-block;}
  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 0;font-size: 18px;width: 100%;text-align: end;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 220px;       background:var(--warning); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility:hidden;}
  .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background:var(--dark);left: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color:var(--white);padding: 10px 30px;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i {color: var(--white); margin-right: 5px;}
  h1{font-size: 25px;}
  #banner-slider .owl-nav {display: none;}
  #banner-slider .owl-dots button{width: 8px;height: 8px;transition: all .2s ease;border: 1px solid var(--dark); background-color: var(--dark);border-radius: 50%;}
  #banner-slider .owl-dots{display: flex;align-items: center;gap: 10px;justify-content: center;margin-top: 20px;}
  #banner-slider .owl-dots button.active{background-color: var(--warning);}
  footer .logo{margin-bottom: 10px; text-align: center;}
  .box-2 p{text-align: center;}
  .copy-write p{font-size: 16px;}
  .contact-info {margin-bottom: 30px;}
  .logo-card .img-box {max-width: 180px;}
  .slide-img img {aspect-ratio: 1 / 0.5;}
  .transform-sec {padding: 16px 0;}
.faq-sec .accordion-flush .accordion-item .accordion-header .accordion-button {padding: 12px 19px;}
.faq-sec .accordion-flush .accordion-item .accordion-body, .faq-sec .accordion-flush .accordion-item .accordion-body p, .faq-sec .accordion-flush .accordion-item .accordion-body ul li{font-size: 15px;padding-top: 0;}
.slide-show p {font-size: 20px;}
.space-btn a {font-size: 18px;}
.space-heading h1 {font-size: 23px;}
.space-heading a {font-size: 29px;}
.breadcrumbs li {font-size: 17px;}
.space-heading {padding: 0 19px;}
.space-heading h1 {font-size: 19px;}
.pot-content {flex-direction: column;align-items: start;gap: 13px;}
.pot-content ul li {font-size: 19px;}
.pot-box p {color: var(--white);font-size: 17px;max-width: 403px;margin-top: 10px;}
.reno-icon img {max-width: 190px;}
.post-list ul li {font-size: 16px;}
}
@media (max-width:768px) {
    h1 {font-size: 21px;}
    h2 {font-size: 20px;}
    footer .logo a {max-width: 195px;}
}

@media (max-width:667px) {
	.detail-page .ngg-galleryoverview{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:580px) {

}
@media (max-width:575px) {
    .contact-sec form p {margin-top: 7px;}
    .contact-sec h5 {font-size: 17px;}
    .bottom-nav ul {align-self: center;}
    .bottom-nav .btn-primary {font-size: 17px;}
    footer .logo {margin-bottom: 20px;}
    .bottom-bar{align-items: center;}
    .owl-carousel .owl-item img {height: 250px;}
    p{font-size: 16px;}
    .mission-content ul li {font-size: 16px;}
     .contact-sec label, .contact-sec select {
        font-size: 10px;}
    .contact-sec .form-check input {height: 13px;width: 13px;}
    .bottom-nav{flex-wrap: wrap;justify-content: center;gap: 10px;}
    .contact-sec .form-check label{margin: 0;}
    .slide-show p {font-size: 17px;}
    .reno-icon img {max-width: 130px;}
    .reno-grid ul li {
        list-style-type: disc;
        font-size: 16px;
    }
     .post-list ul li {
        font-size: 12px;
    }
}
@media (max-width:525px) {

}
@media (max-width:500px) {

}
@media (max-width:480px) {

}
@media (max-width:450px) {
    .creative-sec ul li {font-size: 15px;}
    .creative-sec h4{margin-top: 7px;}
     .post-list ul li {  font-size: 10px; }

}
@media (max-width:414px) {


}
@media (max-width:400px) {

}
@media (max-width:375px) {
	#menu li>ul li a{font-size:13px;}
}
@media (max-width:360px) {

}