.image-list {   
    margin-left: 11%;
}


@media  screen and (max-width: 1920px) {
    .homepage .col-md-15 {
		padding-right: 120px;
	   
	}
}
@media  screen and (max-width: 1680px) {
    .homepage .col-md-15 {
		padding-right: 80px;
	   
	}
	
}
@media only screen and (min-width: 1400px) and (max-width: 1500px) {
	.container {
        width: 96% !important;
    }
	.main_project .main-images {
		width:95% !important;
		margin-right:34px;
	}
}
@media screen and (min-width: 1200px) {
    .container {
        width: 85%;
    }
	.col-md-15 {
    float: left;
    width: 31%;
	}
	.services .col-md-15 {
		float: left;
		padding-right: 20px;
		width: 32%;
	}
	.services .left-me {
		float: left;
		margin-left: 3.8%;
		width: 69%;
	}
	.media_page .col-md-15 {
		float: left;
		min-height: 1px;
		padding-left: 17px;
		padding-right: 30px;
		position: relative;
		width: 32%;
	}
	.media_page .left-me {
		float: left;
		margin-left: 0;
		width: 66%;
	}
	
	
}

@media (max-width: 1400px) {

#projects .design_btn h2 {
    font-size: 12px;
	}  

} 

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.all.services .collapse {
		width: calc(300% + 74px);
		padding-left: 0%;
	}
	.all.services .bwWrapper span, .all .bwWrapper span {
			height: auto !important;
			font-size: 8px;
			width: 100%;
			text-align: left;
			padding: 3px 6px;
			text-transform: uppercase;
			line-height: 15px;
		}
    .index-about, .md-first {
        width: 22%;
        padding: 0px;
    }
	.col-md-3.col-sm-3.md-rest {
		margin-left: 1.65% !important;
		padding-right: 11px !important;
		width: 23%;
	}
    .col-md-6.col-sm-6.col-xs-6.text-center.navicon > a {
        margin-left: 0px;
    }
	
    .overlay {
        width: 35%;
    }
	.ar-image {
    margin-left: 0;
    margin-top: 110px;
    width: 44%;
	}
	.ar-image img {
    width: 100%;
	}
	/* .col-md-3 {
    float: left;
    padding-right: 0;
    width: 24%;
	} */
	#projects .design_btn h2 {
    font-size: 12px;
	}
	.col-md-15
	{
		padding-right:0px;
	}
	.inner-image-container .col-sm-4 {
		padding: 0 8px;
	}
	.media_page p {
		font-size: 13px;
	}
	.media_page i {
		font-size: 10px;
	}
	#contact .col-md-5.col-xs-5.bold img {
    width: 10%;
	}
	#contact .col-md-3.col-xs-5.bold img {
		width: 22%;
	}
	.col-md-3 {
    float: left;
	padding-right: 0px;
    width: 24%;
	}
	/** Projects **/
	.main_project .left-me
	{
		margin-left:0px;
	}
	.main_project .left-me
	{
		width:72%;
	}
	.main_project .inner-image-container
	{
		width:100%;
	}
	.main_project .main-images
	{
		width:100%;
		margin-right : 0%;
	}
	.main_project .inner-image-container img
	{
		height:auto;
	}
	.main_project .image-list
	{
		width:98%;
	}
	.main_project .image-list .col-md-5
	{
		margin-right:0px;
		padding: 0 0 12px 10px;
	}
	.main_project .skitter-large-box
	{
		width:98%;
	}
	.main_project .sidebar-nav {
		width: 100%;
	}
	.container {
		width: 95%;
	}
	.col-md-3.col-sm-3.md-rest {
		width:22% !important;
	}
	.strong_videos .col-md-15 {
		float: left;
		min-height: 1px;
		padding-left: 17px;
		padding-right: 0;
		position: relative;
		width: 40%;
	}
	.strong_videos .left-me {
		float: left;
		margin-left: 0;
		width: 56%;
	}
	#contact .col-md-5 > h1 {
		margin-top: 30px;
	}
	.architect-left .build-process.m-t-40 {
		width: 65%;
	}
	.architect-left .ar-image {
		width: 26%;
	}
	.media_page .inner-image-container img
	{
		height:auto;
	}
	#projects .design_btn.drop_img.four {
		background-position: right 14px;
		width: 82%;
		min-height: 50px;
	}
	#projects .abt
	{
		padding-right:20px;
	}
	.homepage .col-md-15 {
		padding-right: 0px !important;
	   
	}
	.services .left-me
	{
		float:right !important;
	}
	
}
@media only screen and (min-height: 50px) and (max-height: 298px) {
.overlay.overlay-boxify {
    height: 100% !important;
    overflow-y: auto;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.img-con {
		margin-top: 50px;
		padding-left: 0;
	}
	.mob-wi{
		width:100% !important;
	}
	.mob-wi .img-con img {
			width: 100%;
		}
	.main-header .row.nav-wrapper {
			align-items: flex-end;
			display: inline-flex;
			width: 100%;
			margin: auto;
		}
			
    .main-header {
        height: 135px;
        border-bottom: 1px solid #3a3b3b;
    }

    .main-header .col-xs-6 {
            width: 100%;
            margin-top: 0px;
    }

   .navicon p {
		font-size: 13px;
		font-weight: bold;
		padding: 10px 0 0;
	}
	
	.navicon a:nth-child(2) {
      margin: 0 6px 0 0 !important;
	}
	/* .navicon :last-child {
      float: left !important;
      margin: 0 !important;
	} */
    .col-md-6.col-sm-6.col-xs-6.text-center.navicon a:nth-child(3) {
		float: right !important;
		margin-left: 0 !important;
		margin-right: 20px;
	}

    .overlay {
        width: 40%;
    }
	.overlay nav
	{
	   top: 100px;
       height: auto;
	}
	.overlay ul li
	{
		margin-bottom :1px;
	}
	.overlay ul li a
	{
		font-size: 12px;
		padding: 7px 0;
	}
	/** Design, Sustain, Conserver **/
	.mobile-v, .mob-three {
    display: block;
	}
	.mobile-v .col-md-3.col-sm-3 {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    width: 33.82%;
	}
	.mobile-v .col-md-3.col-sm-3[data-type="mob"] {
			margin-left: -2px !important;
			margin-right: 0px !important;
		}
	.container.mobile-v .slider_head {
    margin:-2px 0 0 1px;
	}
	.slider_head {
    width: 100%;
    float: none;
	}
	.slider_head h2 {
		font-size: 13px;
		margin: 10px 0px;
		text-align: center;
		width: 100%;
	}
    /*****Index Page*******/
    .desktop-three {
        display: none;
    }
	.mobile-v .col-md-3.col-sm-3:first-child {
            display: none;
        }
	.col-md-15 {
    padding-right: 15px !important
	}
    .col-md-15.col-sm-3 {
        width: 100%;
        padding-right: 0px;
        margin-top: 20px;
    }
	

    .abt {
        padding: 0px;
    }

    

    .col.span_1_of_4.mob-design {
        display: none;
        width: 100%;
        padding: 0px 15px;
    }

    .design, .mobile-v .collapse {
        width: 100%;
    }
	.active .collapse {
    display: block;
    position: relative;
    top: 0px !important;
	}
	.card.card-block > h1
	{
		margin-bottom :12px;
	}
	
	/** Why Chosse Us **/
	.architect-left .build-process.m-t-40
	{
		width:100%;
		padding: 10px 20px 0;
	}
	.mob-three.ar-image {
    margin: 0 0 20px;
    width: 100%;
	padding: 0;
	}
	.mob-three.ar-image > img {
    width: 100%;
	}
	/** Services **/
	.minus-360 {
    margin-left: 0;
	}
	.minus-119 {
    margin-left: 0;
	}
	.all.services .collapse {
		width: 100%;
	}
	.services .col-md-3 {
        display: none;
    }
	#contact .col-md-3 {
        display: block;
    }
	#contact .col-md-3 {
		float: left;
		width: 33.3333%;
	}
	.services .left-me {
		margin-bottom: 0px !important;
	}
    .services .col-md-15.col-sm-3 {
        display: block !important;
		margin-top: 0px !important;
    }

    .services .mobile-v .col-md-6 {
        float: left;
        padding: 0;
        width: 50%;
    }

    .services .mobile-v h2 {
        font-size: 12px !important;
        margin-top: 9px !important;
    }

    .services .mobile-v .drop_img {
        background-position: right 9px;
        height: 29px;
    }

    .services .col-md-15 h1 {
        text-align: left !important;
    }

    .services .left-me {
        padding-top: 0px;
    }
	#projects .design_btn.drop_img.four {
		width: auto;
		background-position: right 16px;
	}
	.col-md-3 {
    float: left;
    width: 100%;
	}
	
	/** Propel **/
	.people h1,.media_page h1, .col-md-15.mobile-v > h1 {
		margin-top: 10px;
	}
	.people .col-md-15.col-sm-3.col-md-3 {
		display: block !important;
	}
	.people .left-me {
		padding-top: 0px;
	}
	#projects .left-me {
		float: left !important;
		margin-left: 0 !important;
		width: 100% !important;
	}
	#projects .design img {
		width: 100%;
	}
	.people .all.row {
		padding-left: 34px;
		width: 100%;
	}
	.people .card h1 {
		margin-top: 12px;
	}
	#projects .col-md-15.col-sm-3 {
		display: none;
	}
	/** Media **/
	.inner-image-container {
		width: 100%;
	}
	.media_page .col-md-15.col-sm-3.col-md-3 {
		display: block !important;
	}
	.media_page .main-images {
		padding-top: 0px;
	}
	.media_page .left-me {
		padding-top: 0px;
	}
	
	.inner-image-container img {
		width: 100%;
	}
	.media_page p {
		font-size: 13px;
	}
	.media_page i {
		font-size: 12px;
	}
	/** Building Process **/
	.build-process.m-t-40 {
		padding-left: 8px !important;
		width: 100% !important;
		padding-right: 8px;
	}
	/** Projects **/
	#projects .left-me {
		margin-bottom: 20px;
	}
	.main_project .main-images {
		width: 100% !important;
		margin-right:0px !important;
	}
	.slider-images-icon, .main-images-icon {
		display: block;
	}
	.main_project .image-list .col-md-5 {
		margin-right: 10px !important;
	}
	.main_project .skitter-large-box
	{
		width:95%;
	}
	.main_project .design_btn.drop_img.four {
		background-position: right 17px !important;
	}
	.main_project .design_btn.drop_img.four h2 {
		font-size: 1em !important;
	}
	#contact .col-md-5 > h1 {
		margin-top: 30px;
	}
	#contact .col-md-4 {
		padding: 0 !important;
	}
	.main-header {
		height: auto;
	}
	#projects .left-me .clearheight
	{
		margin-bottom :0px;
	}
	.service_h
	{
		margin-top:0px;
	}
	
	.col-md-12.abt {
		padding: 0px 15px !important;   
		margin-bottom: 0px;
		display: block;
	}
	.main_project .skitter-large-box {
		right: 3%;
		width: 100% !important;
	}

	.navicon a{
		 display:none;
	}
	a#trigger-overlay {
		display: block !important;
	}
	.navicon {
		height: 100%;
		margin: 0;
	}
	.overlay.overlay-boxify {
		display: block;
	}
	.overlay {
		height: 310px;
		
	}
	.container.mobile-v {
			margin-top: 2px;
			position: relative;
			top: -42px;
			background: rgb(40 40 40 / 31%);
			padding: 2px;
		}
	.slider_head h2 {
		float: left;
	}
	.mob-three .bwWrapper {
		width: 100%;
	}
	.nav-menu-mob .drop_img {
		background: #282828 !important;
		border: 1px solid #535353;
	}
	.mob-nav-se {
		margin: 15px 0px 0px !important;
		padding: 0 !important;
	}
	.mob-nav-se .design_btn.drop_img {
		width: 100% !important;
		background: #282828;
		border: 1px solid #545454;
		height: auto !important;
		text-align: center !important;
		margin: 0px !important;
	}
	#projects {
		margin: 82px 0 0;
	}
	.bwWrapper {
		width: 100%;
	}
	.conatct .section.group.row {
		margin-top: 40px;
	}
	.sidebar-nav li.active ul {
		overflow: hidden;
	}
	#services .container, #projects .container, #services .container, #people .container, #media .container, #contact .container {
    margin-top: 30px;
}
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
.navicon > a {
    margin-left: 0px;
}
.navicon p {
    font-size: 13px;
    padding: 10px 8px 0;
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

	.conatct .col-md-5.col-xs-5.col-sm-3.bold {
		padding-right: 0;
	}
	.conatct .col-md-3.col-xs-5.col-sm-3.bold {
		padding-right: 0;
	}
	.conatct .col-md-7.col-xs-7 {
		padding-left: 0;
	}
	.col-xs-5 {
		width: 33%;
	}
	.col-md-5.none-pad {
		padding: 0;
	}
	.content_textarea {
		border: medium none;
		font-size: 1em;
		margin: 0;
	}
	.main_project .skitter-large-box
	{
		width:100% !important;		
	}
	.left-me {
		padding-left: 0px !important;
	}
	
}




@media only screen and (min-width: 480px) and (max-width: 768px) {
   .col-md-6.col-sm-6.col-xs-6.text-center.navicon a:nth-child(3){
         float: right !important;
    }
	.inner-image-container .col-sm-4{
			float:left;
	width:50%;		
	}
	.navicon a:nth-child(2) {
    margin: 0 0px 0 0 !important;
	}
	.navicon p {
    font-size: 12px;
    padding: 10px 5px 0;
	}
	#projects .design_btn.drop_img.four {
		width: auto;
		background-position: right 11px;
		float:left;
	}
	#projects .services .design_btn.drop_img.four {
		width: auto !important;
		background-position: right 11px;
	}
	.col-md-3 
	{
		padding-right:15px;	
	}
}
@media only screen and (max-width: 479px)  {
  
	.inner-image-container .col-sm-4{
		float:left;
	    width:100%;		
	}
	
}























/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* STYLES GO HERE */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* STYLES GO HERE */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* STYLES GO HERE */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* STYLES GO HERE */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* STYLES GO HERE */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* STYLES GO HERE */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* STYLES GO HERE */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* STYLES GO HERE */
}

/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    /* STYLES GO HERE */
}

/* iPhone 5 (landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    /* STYLES GO HERE */
}

/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    /* STYLES GO HERE */
}