@media only screen and (max-width: 1180px)
{
.gallery-page br {display: none !important;}
.top-navigation{padding:0 50px;}
.top-navigation ul li a{padding:0 21px;}
.box1{width:31%;}
.pre-design{margin:0 79px 0 0;} 
.draw-phase{margin:0 30px 0 0;}
.draw-phase h3{font-size:24px; padding-left: 8px;}
.design-phase h3{font-size:26px;}
.pre-design h3 {font-size: 26px; margin: 10px 0;}
.pre-design::after{right:-60px;}
.design-phase::after{right:-90px;}
.middle-list-box{padding:0;}
.box1{ margin-left:30px;}
.about-left{padding:20px; width:60%;}
.about-right{width:38%;}
.page-id-19 .about-right .our-process-sec .process-cover {margin: 15px 0 20px;}
}

@media only screen and (max-width: 1170px)
{
.ngg-gallery-thumbnail-box {width: 100%;}
.blog-post-image {max-height: auto;}


.white-bg{ padding:0 20px 20px;}
 

}

@media only screen and (max-width: 1050px)
{
	.draw-phase{margin-right:0px;}
}

@media only screen and (max-width: 1023px)
{
.ngg-gallery-thumbnail img{margin: 0 auto !important;}
.custom-img img {display: block; float: none; margin: 0 auto;}
.custom-img{width:100%;}
.top-navigation ul li ul li a {font-size: 14px; line-height: 24px; padding: 9px 15px;}
.top-navigation ul li a{font-size:14px; padding:0 10px;}
.box1 {float: left; margin: 0 0 0 30px; padding: 0; text-align: center; width: 30.5%;}
h2{font-size:22px;}
.middle-content{padding:30px 15px 200px;}
.process-cover { float: none; margin: 0 auto; padding: 80px 0 0; width: 95%;}
.pre-design{margin:0; height:100%; width:32%; padding:10px;}
.pre-design h3{padding:0;}
.pre-design span{margin:5px 0 0 0;}
.draw-phase h3 {text-align:center; font-size: 21px; line-height: 24px; margin: 10px 0; padding: 0; position: relative;}
.draw-phase a{margin:0;}
.design-phase{height:100%; width:32%; margin:0 10px; padding:10px;}
.design-phase h3 {font-size: 26px; padding-left: 0; position: relative; white-space: nowrap;}
.design-phase ul{width:80%; margin:0;}
.design-phase::after{display:none;}
.pre-design::after{display:none;}
.draw-phase{float:left; margin:0; padding:10px; width:32%;}
.white-bg{ padding:0 20px 20px;}
.pre-design img {margin: 20px 0 0;}
.pre-design span img {margin: 0;} 

/*****innner page****/
.benner-cap{top:0;}
.about-right .our-process-sec .process-cover .pre-design{width:210px; height:210px;}
.about-right .our-process-sec .process-cover .pre-design:after{display:block;}
.about-right .our-process-sec .process-cover .design-phase{padding:0;}
.about-right .our-process-sec .process-cover .design-phase::after{display:block;}
.about-right .our-process-sec .process-cover{width:100%;}

}

@media only screen and (max-width: 767px)
{
.mean-container .mean-nav ul li ul li a.mean-expand {padding: 2px 6px !important;}
.menu-item-105 a {text-transform: none !important;}
.about-right .design-phase {height: 300px !important;}
.top-sec{padding:20px 0;}
.top-navigation ul{display:none}
.top-sec img {float: left; margin: 0 0 0 20px; width: 150px;}
.box1{width:30%;}
.middle-content h2 {font-size: 22px;}
h2 {font-size: 16px;}
.pre-design {height:auto; margin: 0 0 30px; width: 100%; border-radius:0;}
.pre-design h3 {font-size: 44px;}
.design-phase{margin: 0 0 30px;padding:15px; height:auto; width: 100%; border-radius:0; background:#9e0000;}	
.design-phase  ul{width:75%; margin:0;}
.design-phase img {display: block; margin: auto;}
.design-phase span img {display: block; margin: auto;}
.design-phase h3 {display: block; font-size: 46px; margin: 4px 0; position: relative;}
.design-phase ul{margin:0 0 15px;}
.draw-phase {height:auto; border-radius: 0; margin: 0; padding: 15px; width: 100%;}
.draw-phase h3 {line-height:normal; font-size:38px; margin: auto; padding: 10px 0; position: relative; text-align: center; width: auto;}
.draw-phase a{margin:0;}
.middle-list-box{padding:0;}

/*****about page******/
.about-right .our-process-sec .process-cover .pre-design{width:100%;}
.about-right .our-process-sec .process-cover .design-phase{width:100%; padding:10px;}
.about-right .our-process-sec .process-cover .design-phase h3{margin:10px 0 7px;}
.about-right .our-process-sec .process-cover .draw-phase{width:100%;}
.about-right .our-process-sec .process-cover .draw-phase h3{margin:10px 0;}.
.about-right .our-process-sec .process-cover .design-phase  ul{margin:0 !important;}

/****residentioal page********/
.comment-respond #commentform label, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"]{width:100%;}
.comment-respond .comment-reply-title{display: table; width: 100%;}
.comment-respond .comment-reply-title small {
    display: block;
    float: left;
    padding-top: 10px;
    width: 100%;
}
}

@media only screen and (max-width: 735px)
{
.ngg-gallery-thumbnail-box {width: 100%;}
.blog-right ul li span.fav-post{padding: 0 0px;}
}

@media only screen and (max-width: 639px)
{
.blog-right ul li span.fav-post{padding: 0 15px;}
.middle-content{padding:15px;}
.middle-list-box{margin:15px 0 0 0;}
.box1{width:100%; margin:0 0 15px;}
.box1 h2{color:#9e0000; font-size:26px;}	

/****about page****/
.benner-cap{width:100%; position:relative;}
.benner-cap h5{font-size:24px; width:100%;}
.benner-cap h5:after{display:none;}
.bread-scrumb{width:100%; margin:0;}
.bread-scrumb:after{display:none;}
.about-left{width:100%;}
.about-right{width:100%;}
.about-right .our-process-sec .process-cover .design-phase  ul{margin:auto;}

.wp-pagenavi{width:100%;}
}

@media only screen and (max-width: 479px)
{
.blog .blog-right {margin-top: 17px;}
.about-right .our-process-sec .process-cover .design-phase {height: 310px;}
.design-phase h3{font-size:22px; margin:10px 0;}
.design-phase ul{width:70%; float:none; margin:auto;}
.draw-phase h3{font-size:18px;}
.pre-design h3 {font-size: 24px; margin: 10px 0; padding: 0;}
.middle-content{padding:15px;}
.pre-design::after{display:none;}
.pre-design{width:100%; padding:10px;}
.design-phase::after{display:none;}
.design-phase{width:100%;}
.design-phase h3{padding:0;}
.draw-phase{width:100%;}
.draw-phase h3{width:100%;}

/***innerp age****/
.has-image{padding:0 15px 15px !important;}
.blog-detail{padding:15px;}
.blog-bottom .defult_btn{display:block; text-align:center; margin:0 0 15px;}
.blog-detail h3{font-size:20px;}

.contact-form .text-field{width: 100%; display: block; margin-right: 0;}
.design-process .process-img img { margin: 0; }
.contact-form {overflow: hidden;}
.page-id-62 .ngg-gallery-thumbnail-box, .page-id-60 .ngg-gallery-thumbnail-box, .page-id-1364 .ngg-gallery-thumbnail-box {width: 100% !important;}
.about-left .commer-img a img {margin: 0 0 20px !important;}
}

@media only screen and (max-width: 450px)
{
	.blog-bottom {width: 100%;}
}
@media only screen and (max-width: 360px)
{
.ngg-gallery-thumbnail-box {width: 100%;}
.custom-img {width: 100%;}
}

@media only screen and (max-width: 320px)
{
.about-right .our-process-sec .process-cover .design-phase {height: 310px;}
.about-left .commer-img a img{width:100%;  }
}