@media only screen and (max-width:1170px){
    .header-in{padding:12px 20px 13px 20px;}
    .header-right{padding:30px 0 0 10px;}
    .logo{padding:0 10px 0 0;}
    .header-right ul{margin:0;}
    .header-right{width:83%;}
    .logo{width:17%;}
    .banner-right{padding:50px 50px 0px 50px;}
    .nav-main{padding: 5px 20px 0px 20px;}
    .design-right{width:50%;}
    .design-left{width:50%;}
    .design-in{padding:25px 20px 47px 20px;}
    .design-left h3 br{display: none;}
    .design-right ul li a img{width:120px;height: auto;}
    .design-right ul{padding:10px 0 9px 0;}
    .regional-in{padding:27px 20px 35px 20px;}
    .heading-blk{width:50%;padding: 0 15px;}
    .service{padding: 0;}
    .footer-bottom-in p{letter-spacing: 0px;}
    .footer-bottom-in h6{letter-spacing: 0px;}
    .consult-right span br{display: none;}
    .consultaion-in{padding: 11px 20px 11px 7px;}
    .consult-right span{line-height: 23px;font-size:20px;}
    
    
}
@media only screen and (max-width:1024px){
    .logo{width:15%;}
    .header-right{width:84%;}
    .banner-right{padding:50px 30px 0px 30px;}
    .glass-glow .glass-left h5{letter-spacing: 0px;}
    .loft{padding:13px 0 15px 20px;}
    .heading-blk{width:49%;}
    .service h5{letter-spacing: 0px;}
    .header-right {padding: 16px 0 0 10px;}
    .consultation{padding: 0 20px 0 10px;}
    
    
    
    
}
@media only screen and (max-width:991px){
    
    .architect h1{font-size:30px;line-height: 40px;}
    .header-right ul li{padding: 0 9px 8px 9px;}
    .header-right ul li a{font-size:16px;}
    .banner-right{padding: 20px 15px 0px 15px;}
    .glass-glow .glass-left h5{font-size:17px;}
    .glass-glow .glass-right a{font-size:17px;}
    .banner-left-cnt ul li{padding:0 0 10px 0;}
    .banner-left .slick-dots li{padding:0 13px;}
    .nav-main ul li a{font-size:12px;line-height: 15px;}
    .design-left{padding:30px 10px 0 0;}
    .design-right ul li a img{width:109px;height: auto;}
    .design-right ul li{padding: 10px 4px 0 ;}
    .consultation{padding: 0 0px 0 10px;}
    .consult-right span{font-size:17px;line-height: 19px;}
    .design-left h3{font-size:29px;padding:0 0 20px 0;}
    .design-left p{padding: 0 0 20px 0;}
    .loft ul li a br{display: none;}
    .loft{padding:13px 0 15px 10px;}
    .loft ul{width:50%;padding:0 10px 0 0;}
    .loft ul li a{font-size:17px;}
    .heading-blk{width:45%;}
    .contact-blk{width:223px;}
    .contact-in h6{font-size:14px;}
    .contact-in{padding: 7px 0 10px 8px;}
    .heading-blk h2{letter-spacing: 0px;}
    .banner-left-cnt{max-width:345px;}
    
}




@media only screen and (max-width:767px){
    .header-in{padding:12px 15px 12px 15px;}
    .logo{width:100%;float:none;text-align: center;padding: 0 0 10px 0;}
    .logo a img{width:110px;height: auto;}
    .header-right{width:100%;float:none;padding: 0;}
    .header-right ul{max-width:330px;margin:0 auto;}
    .banner-main{display: block;}
    .banner-left{width:100%;float:none;}
    .banner-right{width:100%;float:none;}
    .design-left{width:100%;float:none;padding: 0;}
    .design-in{padding:25px 15px 25px 15px;}
    .design-right{width:100%;float:none;padding: 0;text-align: center;}
    .design-right ul li{display: inline-block;float: none;}
    .design-right ul{margin:0 auto;}
    .design-right figure img{width:100%;height: auto;}
    .design-left h3{padding:0 0 15px 0;}
    .design-left p{padding:0 0 15px 0;font-size:15px;}
    .loft ul li a{font-size: 15px;}
    .design-right h3{}
    .design-right ul li a img{width:100%;height: auto;}
    .service{width:100%;float:none;padding: 0 0 20px 0;}
    .heading-blk{float:none;width:100%;padding: 0;}
    .contact-blk{width:100%;float:none;}
    .regional-in{padding:35px 15px 35px 15px;}
    .heading-blk p{font-size: 16px;}
    .heading-blk h2{font-size:30px;line-height: 34px;}
    .footer-top-in{padding: 30px 15px 30px 15px;}
    .footer-bottom-in{padding: 14px 15px 20px 15px;}
    .footer-bottom-in p{font-size: 16px;line-height: 22px;}
    .footer-top-right{padding: 0 0 0 15px;}
    .consult-right span{line-height: 26px;}
   
    .consultation{padding: 0 30px 0 10px;}
    .loft{padding: 13px 0 15px 20px;}
    .banner-left-cnt{position: static;top:100%;transform: translateY(0);}
    
    
    

    /* menu */
      nav{display: none;}
    .side_bar{display: block;width: 250px;background: #ffffff;height: 100%;position: fixed;top: 0;right: -250px;z-index: 99;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-web-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;overflow: auto;padding: 25px 0;text-align: center;}
    .side_bar ul li a{font-size: 15px;line-height: 18px;font-weight: 700;color: #ffffff;display: block;    border-top-left-radius: 5px;border-top-right-radius: 5px;-webkit-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;transition:0.3s ease-in-out;padding:12px 0 12px 0;}
    .side_bar ul li{padding:0;margin:0 0 10px 0;background: #8e7756;}
    .side_bar ul li a:hover{color: #072838;}
    #nav-icon{width:40px; height:30px; position:relative; margin:0px auto; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);  -webkit-transition:.5s ease-in-out;  -moz-transition:.5s ease-in-out;  -o-transition:.5s ease-in-out;  transition:.5s ease-in-out;  cursor: pointer;}
    #nav-icon span{display: block;  position: absolute;  height:5px;  width: 100%;  background:#ffffff;  border-radius: 9px;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out; }
    #nav-icon span:nth-child(1){top:0px;}
    #nav-icon span:nth-child(2){top:11px;}
    #nav-icon span:nth-child(3){top:22px;}
   .open #nav-icon span:nth-child(1){top:14px; -webkit-transform:rotate(135deg);  -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);}
   .open #nav-icon span:nth-child(2){opacity:0; left:-60px;}
   .open #nav-icon span:nth-child(3){top:14px; transform: rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
    .menu{display: block;position: absolute;right: 25px;top: 50px;}
    .open .side_bar{right: 0;}
    .open .wrapper {right: 240px;top: 0px;overflow: hidden;}
    .side_bar{display:block;}
    .side_bar .header-top-right{display: block;padding:20px 0 0 0;}
    .header-top-right{display: none;}
    .side_bar h5{color:#fff;}
    .side-bar .info a{color:#fff;}
    .side_bar h5:hover{color:#fff;}
    .side_bar ul li a:hover{color:#ffffff;background: #362721;padding: 12px 0 12px 0;}
    .side_bar .header-top-right ul li.info a{color:#fff;}
    .side_bar .header-top-right ul li.info a:hover{color:#072838;}
}
 
@media only screen and (max-width:599px){
    .architect h1{font-size:18px;line-height: 30px;}
    .header-right ul li{width:100%;padding:0 0 5px 9px;}
    .design-right h3{font-size: 15px;line-height: 18px;}
    .consult-right span{padding:0 10px 0 0;font-size: 16px;}
    .design-left h3{font-size:20px;line-height: 28px;}
    .footer-logo{width:25%;}
    .footer-top-right{width:75%;}
    .footer-bottom-in p{font-size: 15px;}
    .footer-bottom-in h6{font-size: 14px;}
    .design-left p{padding: 0 0 10px 0;}
     .contact-blk figure img{width:100%;height: auto;}
    
    
    
}

@media only screen and (max-width:479px){
    .architect h1{letter-spacing: 2px;font-size:18px;}
    .glass-glow .glass-left h5{font-size:13px;}
    .glass-glow .glass-right a{font-size: 13px;}
    .design-right ul li{width:100%;}
    .design-right ul li a img{max-width:100%;float:none;}
    .consult-right span{font-size: 13px;line-height: 20px;}
    .loft ul{width:100%;padding: 0 0 15px 0;}
    .header-right ul li a{font-size: 15px;}
    .menu{right:10px;}
    .banner-left .slick-dots li{padding:0 8px;}
    .consultation{padding: 0 20px 0 10px;}
    
}