/*---- Small screens & Tablet landscape ----*/
@media (max-width:1350px) {
    .logo{margin-right: 30px;width: 267px;}
    .logo-sec span{font-size: 14px;margin-top: -59px;}
    nav .enumenu_ul li{margin-right: 30px;}
    nav .enumenu_ul{margin: 33px 0 25px;}
    .banner{height: calc(100vh - 84px);}
    .page-heading{padding: 20px 0;}
    .sec-headings{padding-bottom: 70px;}
}
@media (max-width: 1200px) {
    .logo {margin-right: 10px;width: 210px;}
    .logo-sec span{font-size: 13px;margin-top: -36px;}
    nav .enumenu_ul{margin: 26px 0;}
    nav .enumenu_ul li{margin-right: 10px;}
    .banner{height: calc(100vh - 67px);}
    .banner.inner-banner{height: calc(100vh - 154px);}
    .architect-contain{padding: 55px 0;margin-right: 32px;max-width: 540px;margin-left: 20px;}
    .architect-contain h3{letter-spacing: 2px;font-size: 19px;margin-bottom: 30px;}
    h2{font-size: 30px;}
    .architect-contain h2{margin-bottom: 28px;}
    .architect-contain h4{font-size: 18px;}
    .explore-content li{font-size: 19px;}
    .sec-explore{padding: 60px 0;}
    .contact-box h2{font-size: 34px;}
    .contact-box{padding: 40px 60px 30px;}
    .contact-detail li a{font-size: 20px;}
    .foo-bttm{padding: 35px 0;}
    .team-block > a{max-width: 375px;width: auto;}
    h1{font-size: 34px;}
    .scroll-down{bottom: 0;}
    .gutter-left{padding-left: 20px;}
    .sec-approach h3{margin-bottom: 30px;}
    .sec-content{padding: 60px 0;}
    .sec-headings img{margin-bottom: 46px;}
    .sec-center .heading-block:last-child,.team-block{margin-bottom: 50px;}
    .sec-headings,.sec-testimonial{padding-bottom: 50px;}
    .testimonial-block{padding: 50px 0;}
    .team-block h3{font-size: 24px;}
    .sec-team{padding: 70px 0 20px;}
    .sec-center .text-overflow {padding: 0px;}
    .full-text{margin-top: -6px;}
    
}

/*---- Tablet Portrait ----*/
@media (max-width: 991px) {
    nav{float: none;}
    nav .enumenu_ul {width: 100%;}
	nav .enumenu_ul {display: block;}
	.menu-block {height: auto;}
	.menu-icon {display: block}
    nav .enumenu_ul li{margin-right: 0;}
	.enumenu_ul > li {display: block;margin: 0px;padding: 0px;width: 100%;background: #948686;border-bottom: 1px solid #f4f4f4;}
	nav .enumenu_ul > li > a {display: block;text-align: center;padding: 10px 8px;color: #fff;background: #948686;}
    nav .enumenu_ul > li > a:hover,nav .enumenu_ul > li > a.active{background: #000;color: #fff;}
	nav .enumenu_ul {margin: 0 auto;position: absolute;width: 100%;z-index: 1111;top: 5px;}
	nav .enumenu_ul > li ul {background: #D1D1D1;}
	nav .enumenu_ul > li ul a {text-align: center;display: block;text-align: center;color: #fff;padding: 5px 0;}
    .logo{margin-right: 30px;}
    .architect-contain{padding: 45px 0 30px;
    margin-right: 32px;}
    .architect-contain h3{font-size: 16px;margin-bottom: 10px;}
    .architect-contain h2{margin-bottom: 15px;font-size: 22px;}
    .architect-contain h2 br{display: none;}
    p{line-height: 1.6;}
    .contact-box{padding: 30px;}
    .contact-box{width: 75%;}
    .contact-box h2{font-size: 26px;}
    .flex-item.flex-img{display: block;}
    .explore-content li{margin-bottom: 15px;}
    .explore-content ul{margin-bottom: 35px;}
    .inner-menu li{margin: 0 28px;}
    .sec-approach{padding: 50px 0;}
    .sec-approach h2{margin-bottom: 30px;}
    .sec-approach .col-2{width: 33.33%;}
    h2{font-size: 28px;margin-bottom: 20px;}
    h3{font-size: 22px;}
    .heading-block{margin-bottom: 30px;}
    .sec-headings, .sec-testimonial{padding-bottom: 30px;}
    .testimonial-block h3{font-size: 24px;margin-bottom: 30px;}
    .accordion{margin-top: 50px;}
}

/*---- Mobile Landscape ----*/
@media (max-width: 767px) {
    .logo{width: 190px;margin-right: 10px;}
    .logo-sec span{margin-top: -28px;letter-spacing: 3px;word-spacing: 0;}
    .banner.inner-banner{height: calc(100vh - 144px);}
    .banner{height: calc(100vh - 62px);}
    .flex-item{flex-basis: 100%;}
    .architect-contain{max-width: 100%;}
    .architect-img{min-height:400px;}
    .explore-detail{margin-top: 30px;padding-left: 5px;}
    .explore-content ul{margin-bottom: 25px;}
    .explore-content li{margin-bottom: 15px;}
    .sec-explore{padding: 40px 0;}
    .contact-block{padding: 35px 0;}
    .contact-box{width: 80%;padding: 30px 20px;}
    .contact-detail{margin-bottom: 20px;}
    .contact-detail li{font-size: 18px;margin-left: 35px;}
    .contact-detail li:before{left: -20px;top: 11px;}
    .contact-detail li a{font-size: 20px;}
    .social-link li a{font-size: 25px;}
    .foo-bttm{padding: 25px 0;}
    h1{font-size: 30px;}
    .inner-menu li{font-size: 18px;margin: 0 14px;}
    .sec-approach{padding: 30px 0;}
    .sec-content{padding: 40px 0 20px;}
    .sec-content .sec-center{padding-bottom: 25px;}
    .font-large{font-size: 18px;}
    .sec-headings img{margin-bottom: 30px;}
    .sec-testimonial h2{margin-bottom: 26px;}
    .testimonial-block{padding: 30px 0;}
    .testimonial-block h3{font-size: 22px;margin-bottom: 20px;}
    .sec-service h2{margin-bottom: 25px;}
    .accordion-title{font-size: 20px;}
    .accordion-title:before{font-size: 30px;}
    .sec-team .col-4{width: 50%;}
    .team-block h3{font-size: 20px;margin: 15px 0 7px;}
    .sec-center .heading-block:last-child, .team-block{margin-bottom: 40px;}
    .sec-team .col:nth-child(3n+1) {clear: none;}
    .team-block > a{max-width: auto;}
    .back-to-top{font-size: 40px;right: 10px;}
    
}

/*---- Mobile Portrait ----*/
@media (max-width: 640px) {
    .col {
    width: 100%;
    margin-bottom: 20px;
}
    .col:last-of-type
    {
        margin-bottom: 0;
}
    .banner{height: calc(100vh - 76px)}
    .banner.inner-banner{height: calc(100vh - 145px);}
    .menu-icon .menu-box{top: -57px;}
    .logo-sec span{display: block;margin: -6px 0px 0 7px;letter-spacing: 1px;}
    .architect-contain{padding: 35px 0 20px;}
    p{line-height: 1.4;}
    .explore-content li{font-size: 16px;}
    .contact-box{width: 90%;}
    .contact-box h2{font-size: 22px;}
    .contact-detail li a{font-size: 16px}
    .contact-detail li{margin-left: 25px;}
    .contact-detail li:before{left: -16px;}
    .architect-img{min-height: 300px;}
    h1{font-size: 28px;}
    .page-heading{padding: 15px 0;}
    .inner-menu li{font-size: 14px;margin: 0 6px;}
    .inner-menu li a{font-size: 14px;padding: 14px 3px;}
    .sec-approach .col-2{width: 50%;}
    .sec-approach .col-2:nth-child(2n+2) {clear: left;}
    .testimonial-block.text-right,.testimonial-block.text-left{text-align: left;}
    .testimonial-block .text-right{text-align: left;}
    .sec-team .col-4{width: 100%;}
    .full-text{margin-top: 0px;}
    .team-block{text-align: center;}
    .project-detail{display: block !important;}
    .project-detail h4{margin: 20px 0;font-size: 18px;}
}

/*---- Mobile Small Screen ----*/
@media (max-width: 480px) {
    .banner.inner-banner{height: calc(100vh - 142px);}
    .contact-detail li{display: block;margin: 0;}
    .contact-detail li:before{display: none;}
    .contact-box{width: 95%;}
    .contact-box h2{font-size: 19px;}
    h1{font-size: 26px;}
    .sec-approach .col-2{width: 100%;}
    .sec-approach h3{margin-bottom: 20px;}
    .sec-approach li{margin-bottom: 10px;}
    h2{font-size: 24px;margin-bottom: 15px;}
    h3{font-size: 20px;}
    .testimonial-block{padding: 20px 0;}
    .testimonial-block h3{font-size: 18px;margin-bottom: 15px;}
    .accordion .title{padding: 15px 30px;}
    .accordion-title{font-size: 18px;}
}