@media screen and (min-width: 1537px) {
    .model.text-paragraph {
        padding: 82px 0 142px!important;
    }

    li.menu-item-88 {
        margin-right: 0.5%!important;
        width: 14%!important;
    }
    
    li.menu-item-86 {
        margin-right: 1%!important;
    }

    .desktop-menu{
        display: block;
    }

    .tab-menu{
        display: none;
    }

    .mouse img {
        width: 3%!important;
        height: 3%!important;
    }

    #footer .call_info .social a {

        font-size: 20px!important;
        line-height: 30px!important;
    
    }

    .project_icon {
        padding-bottom: 138.44px;
        column-count: 2;
        width: 70%!important;
    }
	
	.banner-btn{
		display:none!important;
	}
    

}

@media screen and (max-width: 1536px) {

    .desktop-menu{
        display: block;
    }

	.banner-btn{
		display:none!important;
	}
	
    #footer .call_info .social a {

        font-size: 20px!important;
        line-height: 30px!important;
    
    }

    .project_icon {
        padding-bottom: 138.44px;
        column-count: 2;
        width: 85%!important;
    }

    .tab-menu{
        display: none;
    }

    .mouse img {
        width: 5%!important;
        height: 0%!important;
		margin-top: -26%!important;
    }

    img.logo-header {
        padding-top: 1.5%!important;
    }

    .menu-primary-menu-container {
        padding-top: 115px!important;
    }

    .text-details {
        padding-right: 157px!important;
    }

    .left-text-padding {
        padding-left: 273px!important;
        padding-right: 157px!important;
    }

    .section-paragrph {
        padding-bottom: 51px!important;
    }

    .cname{
        margin-bottom: 0.3%!important;
        padding-bottom: 0!important;
    }

    .owl-nav {
        margin-top: -12.5%!important;
    }

    .explore {
        width: 47%!important;
    }

    .medium-image {
        padding-left: 273px!important;
 
    }

    .sample-padding-bottom {
        padding-bottom: 85px!important;
    }

    .sample-padding-top {
        padding-top: 85px!important;
    }

    .right-text-padding {
        padding-right: 273px!important;
        padding-left: 153px!important;
    }

    .heading-section {
        font-size: 22px!important;
        line-height: 25px!important;
        padding-bottom: 18px!important;
    }

    .inst-title {
        top: 214px!important;
    }

    #footer {
        padding: 50px 273px 40px 273px!important;
    }

    #footer .navbar-nav{
        padding: 30px 0px 30px 0px!important;
    }

    .row.facebook-feed {
        width: 80%!important;
    }

    .architectural-para {
        padding-left: 20.5%!important;
        padding-right: 0%!important;
    }

    .text-para {
        padding-bottom: 32px!important;
    }

    form#contact_form {
        top: -65px!important;
    }

    .project-section ul li {
        padding-bottom: 0%!important; 
    }

    .page-id-12 .project-section2 ul li {
        padding-bottom: 5%!important; 
    }

    .slider-counter-design {
        margin-bottom: 1%!important;
    }

    form#contact_form {
        padding: 149px 146px 80px!important;
    }

    .model.text-paragraph {
        padding: 100px 0!important;
    }

    section.quastion {
        margin: -50px 634px 80px!important;
    }

    .call_info:nth-child(3) {
        padding-left: 0!important;
    }
}

@media screen and (max-width: 1440px){

    .section-paragrph {
        font-size: 14px!important;
    }

    .projectpage p {
        font-size: 14px!important;
    }

    .menu-primary-menu-container {
        padding-top: 90px!important;
    }

    .left-text-padding {
        padding-left: 255px!important;
        padding-right: 140px!important;
    }

    .explore {
        width: 45%!important;
    }

    .section-paragrph1 {
        font-size: 14px!important;
    }

    section.project-section {
        padding-top: 80px!important;
    }

    .right-text-padding {
        padding-right: 255px!important;
        padding-left: 120px!important;
    }

    .medium-image {
        padding-left: 255px!important;
    }

    .model.text-paragraph {
        margin-top: -8%!important;
        padding: 80px 0!important;
    }

    #footer {
        padding: 50px 245px 40px 245px!important;
    }

    li.menu-item-90 {
        width: 9%!important;
    } 

    li.menu-item-88 {
        margin-right: 3%!important;
        width: 14%!important;
    }

    #footer .call_info a {
        font-size: 13px!important;
        
    }

    .architectural-para {
        padding-left: 24.5%!important;
        padding-right: 0%!important;
    }

    .col-xl-5 .architectural-para {
        padding-left: 13.5%!important;
        padding-right: 30%!important;
    }

    .page-id-16 .model.text-paragraph {
        padding: 80px 0 10px 0!important;
    }

    section.quastion {
        margin: -70px 590px 80px!important;
    }

    .page-id-20 .left-text-padding {
        padding-right: 90px!important;
    }
}

@media screen and (max-width: 1400px){
    .left-text-padding {
        padding-left: 246px!important;
        padding-right: 135px!important;
    }

    .heading-section {
        font-size: 20px!important;
        line-height: 30px!important;
    }

    .architectural-para {
        padding-left: 26.5%!important;
        padding-right: 0%!important;
    }

    .container-fluid.inquary {
        padding-bottom: 100px!important;
    }

    form#contact_form {
        padding: 80px 120px 80px!important;
    }
}

@media screen and (max-width: 1280px){
    .left-text-padding {
        padding-left: 226px!important;
        padding-right: 110px!important;
    }

    .explore {
        width: 50%!important;
    }

    .right-text-padding {
        padding-right: 226px!important;
        padding-left: 100px!important;
    }

    .section-paragrph {
        padding-bottom: 35px!important;
    }

    .lates-project {
        font-size: 14px!important;
        line-height: 14px!important;
    }

    .page-id-12 .project-section2 ul li {
        padding-bottom: 4%!important;
        font-size: 14px!important;
    }

    .medium-image {
        padding-left: 226px!important;
    }

    .client-heading hr {
        margin-left: 10%!important;
        width: 65%!important;
    }

    .logos-client {
        padding-right: 10%!important;
        padding-left: 10%!important;
    }

    #footer a.nav-link {
        font-size: 14px!important;
    }

    #footer .call_info a {
        font-size: 11px!important;
    }

    .projectpage p:nth-child(1) {
        font-size: 14px!important;
    }

    section.quastion {
        margin: -70px 500px 80px!important;
    }
}

@media screen and (max-width: 1024px){
    img.logo-header {
        width: 28%!important;
    }
	
	.testimonial-text p.gold-text {
    line-height: 0px!important;
}

    /* .full-image img {
        height: 84vh!important;
    } */

    .project_icon {
        padding-bottom: 138.44px;
        column-count: 2;
        width: 100%!important;
    }

    #primary .menu-item {
        padding-left: 50px!important;
    }

    #primary .menu-item:hover::before {
        width: 55px!important;
    }

    #primary .menu-item.active::before {
        width: 60px!important;
    }

    .navbar-nav li a {
        font-size: 14px!important;
        line-height: 4px!important;
    }

    .menu-item::before {
    transform: translateY(-2.3rem)!important;
}

    .contact p {
        font-size: 14px!important;
        line-height: 21px!important;
    }

    form#contact_form {
        padding: 80px 80px 0!important;
    }

    h2.heading-inquary {
        padding-bottom: 26px!important;
    }

    input[type="text"], [type="email"], select, textarea {
        margin: 0em 0 0.5em 0!important;
    }

    .submit {
        padding-top: 40px!important;
    }

    .left-text-padding {
        padding-left: 176px!important;
        padding-right: 80px!important;
    }

    .right-text-padding {
        padding-right: 166px!important;
        padding-left: 70px!important;
    }

    .medium-image {
        padding-left: 176px!important;
    }

    .project-section2 ul li img {
        padding-right: 5%!important;
        width: 11%!important;
    }

    .inst-title {
        top: 146px!important;
    }

    #footer {
        padding: 50px 165px 40px 165px!important;
    }

    li.menu-item-90 {
        width: 11.5%!important;
    }

    li.menu-item-88 {
        margin-right: 3.5%!important;
        width: 16%!important;
    }

    #footer .call_info .phone a {
        font-size: 10px!important;
        margin-left: -5%;
    }

    .explore {
        width: 58%!important;
        font-size: 14px!important;
    }
	
	#project-carousel .slider-counter {
    padding-right: 7%;
}



    .slider-counter {
    margin-bottom: 3%!important;
    padding-bottom: 1%!important;
    margin-top: -5%!important;
}

    .heading-section {
        padding-bottom: 10px!important;
    }

    .section-paragrph {
        padding-bottom: 20px!important;
    }

    .next-section .text-details {
        padding-right: 57px!important;
    }

    .design-projects .cname{
        padding-bottom: 0!important;
    }

    .page-id-18 .left-text-padding {
        padding-right: 50px!important;
    }

    .page-id-18  .first-para {
        padding-top: 19%!important;
    }

    .project_icon img {
        margin-right: 10px!important;
    }

    section.quastion {
        margin: -100px 372px 50px!important;
    }

    .contact h4 {
        padding-top: 36px!important;
        padding-bottom: 1px!important;
    }

    .map {
        padding-bottom: 36px!important;
    }

    .page-id-20 .text-para {
        padding-bottom: 25px!important;
    }

    form#contact_form {
        top: -30px!important;
    }

}


@media screen and (max-width: 768px){
	
	.banner-btn{
		display: flex!important;
		width: 100%;
		position: absolute;
		margin-top: -70%;
		z-index: 9999;
		align-items: center;
		flex-direction: column;
	}
	
	.banner-btn .explore{
		
    border: 1px solid #A78C4B!important;
		background-color: var(--main-color);
		color: #ffffff!important;
		padding: 2% 2%!important;
    width: 25%!important;
	}
	
img.footer-logo {
    display: grid;
    margin: auto;
}

.wpcf7-form {
    padding: 10px!important;
    /* padding-right: 339px; */
    top: 0!important;

}

.subject {
    float: left;
    width: 100% !important;
}

.name, .email {
    width: 100%!important;
}
	
.desktop-menu{
    display: none;
}

input[type="text"], [type="email"], [type="tel"], select, textarea{
    width: 100%!important;
}

.slider-counter {
    margin-top: -12%!important;
    text-align: left!important;
}

#testimonial-carousel .slider-counter {
    text-align: right!important;
}

#model-carousel .slider-counter {
    text-align: left!important;
}

#project-carousel .slider-counter {

    text-align: left!important;
}

.tab-menu{
    display: block;
    height: 22vh;
}

.next-section img {
    padding-top: 5%;
}

	    .menu-item::before {
    transform: translateY(-1.3rem)!important;
}

/* menu button */
.menuBtn {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 101;
  }
  .menuBtn span {
    background-color: var(--main-color);
    border-radius: 1px;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -15px;
    transition: height 100ms;
  }
  .menuBtn span:after,
  .menuBtn span:before {
    content: '';
    background-color: var(--main-color);
    border-radius: 1px;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    transition: all 200ms;
  }
  .menuBtn span:after {
    top: -7px;
  }
  .menuBtn span:before {
    bottom: -7px;
  }
  .menuBtn.act span {
    height: 0;
  }
  .menuBtn.act span:after,
  .menuBtn.act span:before {
    background-color: var(--main-color);
    top: 1px;
  }
  .menuBtn.act span:after {
    transform: rotate(45deg);
  }
  .menuBtn.act > span:before {
    transform: rotate(-45deg);
  }
  /* main menu block */
  .mainMenu {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    display: table;
    text-align: center;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: scale(0);
  }
  .mainMenu.act {
    opacity: 1;
    transform: scale(1);
    position: relative;
  }
  .mainMenu.act ul li {
    opacity: 1;
    transform: translateX(0);
  }
  .mainMenu ul {
    display: table-cell;
    vertical-align: middle;
	  background-color: transparent!important;
  }
	
	.dropdown-menu {
    background-color: transparent!important;
}
  .mainMenu li {
    padding: 8px 0;
    transition: all 400ms 510ms;
    opacity: 0;
  }
  .mainMenu li:nth-child(odd) {
    transform: translateX(30%);
  }
  .mainMenu li:nth-child(even) {
    transform: translateX(-30%);
  }
  .mainMenu li:last-child {
    transform: none;
  }
  .mainMenu a {
    color: var(--main-color);
    display: inline-block;
    font-size: 18px;
  }
  .mainMenu a.suBtn {
    color: #fff;
  }
  /* sign up button */
  .suBtn {
    background-color: blue;
    border-radius: 5px;
    padding: 10px 20px;
  }

  .menu-primary-menu-container {
   padding-top: 25%!important;
    width: 300px!important;
}

.navbar-nav li a {
    font-size: 18px!important;
    line-height: 12px!important;
}

#primary .menu-item {
    padding-left: 100px!important;
}

#primary .menu-item:hover::before {
    width: 110px!important;
}

.dropdown-menu {
    margin: 0 50%!important;
    display: none;
}

#primary .menu-item.active::before {
    width: 110px!important;
}

.dropdown-menu .menu-item::before {
    margin: 9% 0 0 80px!important;
}

#primary .menu-item-74:hover .dropdown-menu {
    display: block;
}

.header-con-info {
    margin-top: 80%;
    padding-top: 7%;
    margin-left: 14%;
    margin-right: 10%;
    border-top: 1px solid var(--main-color);
}

#header .call_info {
    text-align: left;
    display: flex!important;
    flex-wrap: wrap!important;
    flex-direction: column;
    padding-bottom: 3%;
}

.call_info:nth-child(3) {
    padding-left: 15px!important;
}

.header-con-info h4 {
    color: var(--main-color);
}

p.social.media a {
    padding-right: 2%;
    font-size: 167%;
}


img.logo-header {
    width: 61%!important;
    padding-left: 39%!important;
    top: 6%!important;
}



.menu-mob, .logo {
    background-color: #ffffff;
}

.menuBtn {
    height: 60px!important;
    width: 40px!important;
    right: 49%!important;
}

.menuBtn span:after, .menuBtn span:before {
    width: 40px!important;
    left: 39%!important;
}

.row.head {
    display: flex!important;
    flex-direction: column-reverse!important;
}

.page-id-18 .row {
    display: flex!important;
    flex-direction: column-reverse!important;
}

.page-id-20 .row {
    display: flex!important;
    flex-direction: column-reverse!important;
}

.page-id-20 .left-text-padding {
    padding-right: 0px!important;
}

.page-id-18 .first-para {
    padding-top: 0%!important;
}

/* .page-id-12 .full-image .banner-img {
    height: 75.5vh!important;
} */

.mouse-img {
    width: 5%!important;
    height: 5%!important;
}

.first-para {
    padding-top: 8%!important;
    padding-bottom: 8%!important;
}

.text-paragraph{
    padding-top: 8%!important;
}

.page-id-16 .text-paragraph{
    padding-top: 0!important;
}

.design-texts{
    padding-top: 8%!important;
    padding-bottom: 8%!important;
}

.left-text-padding {
    padding-left: 30px!important;
    padding-right: 20px!important;
}

.right-text-padding {
    padding-right: 20px!important;
    padding-left: 30px!important;
}

.project-section2 .right-text-padding {
    padding-top: 20px!important;
}

.medium-image {
     padding-left: 0px!important;
    padding-right: 0px!important; 
}

.sample-padding-bottom {
    padding-bottom: 10px!important;
}

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

.lates-project {
    font-weight: 600;
    font-size: 16px!important;
}

.project-section2 ul li {
    font-weight: 600;
}

.page-id-12 .project-section2 ul li {
    padding-bottom: 3%!important;
    font-size: 15px!important;
}

.project-section2 ul li img {
    padding-right: 4%!important;
    width: 9%!important;
}

.model.text-paragraph {
    margin-top: 0!important;
}

.page-id-12 .full-section .right-text-padding {
    display: none!important;
}

section.project-section {
    padding-top: 30px!important;
}

.section-wrapper {
    width: 95%!important;
}

.client-heading hr {
    width: 50%!important;
}

.logos-client {
    padding-right: 7%!important;
    padding-left: 10%!important;
    width: 33%!important;
}

.row.facebook-feed {
    width: 100%!important;
}

.inst-title {
    top: 130px!important;
} 

#footer {
    padding: 50px 30px 40px 20px!important;
} 

#footer .call_info .social a {

    font-size: 18px!important;
    line-height: 30px!important;

}

#footer .call_info .phone a {
    margin-left: 0!important;
    font-size: 13px!important;
}

#footer .call_info a {
    font-size: 13px!important;
}

.top-btn-link {
    margin-top: -80px!important;
    align-items: flex-end!important;
}

.copyright p {
    font-size: 13px!important;
}

.row.contact.details {
    border-top: 1px solid var(--main-color);
}

.full-image .banner {
    height: 180vh!important;
}

.architectural-para {
    padding-left: 0%!important;
    padding-right: 0%!important;
}

.col-xl-5 .architectural-para {
    padding-left: 0%!important;
    padding-right: 0%!important;
}
	
	.next-srction img{
		padding-top: 12%!important;
	}

.explore {
    width: 20%!important;
}

.model {
    padding-top: 12%!important;
}

.project_icon {
    padding-bottom: 0px!important;
}

.project_icon:nth-child(1) {
    padding-bottom: 10%!important;
}

section.quastion {
    margin: -37px 239px 50px!important;
}

/* }

@media screen and (max-width: 767px){ */

    .page-id-12 .full-image .banner-img {
        height: 135.5vh!important;
    }
	
/* 	.tab-menu{
    display: block;
    height: 26vh;
} */
    
    }

@media screen and (max-width: 767px){
/* img.logo-header {
    width: 64%!important;
    padding-left: 33%!important;
    top: 8%!important;
} */
	
	img.logo-header {
    width: 56%!important;
    padding-left: 42%!important;
    top: 13%!important;
}
	
	.tab-menu {
    display: block;
    height: 35vh;
}
	
	.banner-btn{
		margin-top: -25%;
	}
}




@media screen and (max-width: 700px){

    .menu-primary-menu-container {
        padding-top: 22%!important;
        width: 300px!important;
    }

    .header-con-info {
        margin-top: 80%;
        padding-top: 10%;
        margin-left: 14%;
        margin-right: 10%;
        border-top: 1px solid var(--main-color);
    }
	


    .navbar-nav li a {
        font-size: 18px!important;
        line-height: 6px!important;
    }

    .header-con-info h4 {
        font-size: 18px!important;
    }

    .explore {
        width: 22%!important;
    }
}


@media screen and (max-width: 600px){


    .menu-primary-menu-container {
        padding-top: 20%!important;
        width: 300px!important;
    }

    .header-con-info {
        margin-top: 90%;
        padding-top: 10%;
        margin-left: 14%;
        margin-right: 10%;
        border-top: 1px solid var(--main-color);
    }
	
	.banner-btn .explore{
    width: 35%!important;
	}

    .navbar-nav li a {
        font-size: 15px!important;
        line-height: 6px!important;
    }

    .page-id-12 .full-image .banner-img {
        height: 65.5vh!important;
    }
	
	img.logo-header {
    width: 64%!important;
    padding-left: 33%!important;
    top: 8%!important;
}

    .logos-client {
        padding-right: 7%!important;
        padding-left: 10%!important;
        width: 48%!important;
    }

    #footer li {
        width: 37%!important;
    }

    li.menu-item-90 {
         width: 30.5%!important; 
    }

    li.menu-item-88 {
        width: 30.5%!important;
    }

    #footer ul {
        display: flex!important;
        flex-direction: row!important;
        flex-wrap: wrap!important;
    }

    .project_icon {
        padding-bottom: 138.44px;
        column-count: 1!important;
        width: 100%!important;
    }

    section.quastion {
        margin: -45px 60px 50px!important;
    }
}


@media screen and (max-width: 500px){

    .menu-primary-menu-container {
        padding-top: 40%!important;
    }

    /* .full-image img {
        height: 50vh!important;
    } */
	
	.tab-menu {
    display: block;
    height: 22vh;
}
	
	
.page-id-18 .full-image img {
    width: 100%;
    height: 75vh;
}
	
	.banner-btn{
		margin-top: -70%;
	}

    .header-con-info {
        margin-top: 430px;
        padding-top: 10%;
        margin-left: 14%;
        margin-right: 10%;
        border-top: 1px solid var(--main-color);
    }
	
	.page-id-12 .about-carousel .owl-lazy{
		height: 76.5vh!important;
	}



    .navbar-nav li a {
        font-size: 15px!important;
        line-height: 0px!important;
    }

    p.social.media a {
        padding-right: 3%!important;
        font-size: 120%!important;
    }

    .header-con-info p {
        font-size: 15px!important;
    }

    .full-image .banner {
        height: 55.5vh!important;
    }

    .left-text-padding {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    .facilities {
        column-count: 1!important;
        padding-left: 5px!important;
    }

    .facilities li {
        width: 100%!important;
        line-height: 15px!important;
    }

    #primary .menu-item {
        padding-left: 55px!important;
    }

    #primary .menu-item.active::before {
        width: 70px!important;
    }

    #primary .menu-item:hover::before {
        width: 90px;
        transition: all 0.5s;
    }
   
    #primary .menu-item:hover::before {
        width: 70px!important;
    }

    .page-id-12 .full-image .banner-img {
        height: 65.5vh!important;
    }

    .inst-title {
        top: 215px!important;
    }

    .explore {
        width: 42%!important;
    }

    .client-heading hr {
        width: 19%!important;
    }

    

    
}