@media (min-width: 768px) and (max-width: 916px) {
	.main-container{ width: auto; }
	.navbar-toggle{ display: block; }
	.recent-projects .col{ width: 100%; margin: 0; }
	.recent-projects .thumbnail img{ width: 350px; }
	.recent-projects .thumbnail .row{ text-align: center; }
	.navbar-collapse.collapse { display: none !important; margin: 0 !important; }
	/*.photo-nav{ display: none; }*/
	.navbar{ width: 100%; margin: 0; }
	.nav li{ width: 100%; background: none !important; }
	.nav li a{ padding: 2px 0 !important; text-indent: 5px; }
	.nav .sub-menu,
	.nav .children { position: relative !important; }
	.collapse.in { display: block !important; float: left; width: 100%; max-height: 100%; }
	.navbar-header{ margin: 0 !important; width: 100%; }
	.navbar-toggle{ display: block; margin-left: 0 !important; margin-right: 66px !important; margin-top: -1px; }
	.home .sidebar-nav { width: 100%; }
	.sidebar-nav .list-group-item { text-align: center; }
	.our-principals .op-container,
	.our-principals .op-item{ width: 100%; }
	.top-header, .photo-nav, .content, .our-principals, .footer-container { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 768px){
	.top-header{ padding-bottom: 25px !important; }
	.main-container{ width: auto; }
	.navbar{ width: 100%; margin: 0; }
/*	.photo-nav{ display: none; } */
	.navbar-collapse.collapse { display: none !important; margin: 0 !important; }
	.collapse.in { display: block !important; float: left; width: 100%; max-height: 100%; padding: 0; }
	.navbar-header{ margin: 0 !important; width: 100%; }
	.navbar-toggle{ display: block; margin-left: 0 !important; margin-right: 66px !important; margin-top: -1px; }
	.nav{ width: 100%; }
	.nav li{ width: 100%; background: none !important; }
	.nav li a{ padding: 2px 0 !important; text-indent: 5px; }
	.nav .sub-menu,
	.nav .children { position: relative !important; }
	.home .sidebar-nav { width: 100%; }
	.sidebar-nav .list-group-item { text-align: center; }
	.our-principals .op-container,
	.our-principals .op-item{ width: 100%; }
	.top-header, .photo-nav, .content, .our-principals, .footer-container { padding-left: 15px; padding-right: 15px; }
	.footer-container{ text-align: center; }
	.idcoe-background-info{ width: 100%; }
	.copy{ width: 100%; text-align: center; }
	.recent-projects .col{ width: 100%; margin: 0; }
	.recent-projects .thumbnail img{ width: 350px; }
	.recent-projects .thumbnail .row{ text-align: center; }
	.old-vacancy{ float: left !important; }
	.services .sidebar-nav{ display: none; }
	.our-services{ margin-left: 0; }
	.services .box{ width: 100%; }
	.contacts .contacts-mid{ background: none; }
	/*.info-box-container { margin-left: 0px !important; }*/
	.contacts .contact-form .textfield span input[type="text"]{ width: 100% !important; }
	.contacts .contact-form .textfield span input[type="email"]{ width: 100% !important; }
	.contacts .contact-form .textfield span textarea{ width: 100% !important;  }
	.contacts .contact-form .textfield .frm-lbl{ text-indent: 0 !important; }
	.contacts .contact-form h2 { text-indent: 0; margin-top: 20px; }
	.job-vacancy-form{ width: 50% !important; }
}
@media (min-width: 768px){
	.navbar-collapse.collapse { display: block; }
}
@media (min-width: 1024px) and (max-width: 1279px){
	.main-container{ width: auto; }
	.navbar{ margin-left: 20px; }
	.nav li a{ padding: 89px 8px 20px !important; }
	.photo-nav{ padding-right: 68px !important; }
	.sidebar-nav { width: 200px !important; }
	.photo-nav .last{ clear: both; }
	.photo-nav .mid-pn2{ clear: both; }
	.photo-nav .last1{ margin-top: 1px; margin-right: 1px; clear: both; }
}
@media (min-width: 917px) and (max-width: 1023px){
	.main-container{ width: auto; }
	.top-header, .photo-nav, .content, .our-principals, .footer-container { padding-left: 15px; padding-right: 15px; }
	.navbar{ margin-left: 20px; }
	.nav li a{ padding: 89px 8px 20px !important; }
	.recent-projects .col { float: left;width: 19.8%; }
}
@media (max-width: 1280px){
	.news-slide{ display: none; }
}
@media (max-width: 987px){
	.alayout1{ padding-left: 0; }
}
@media (min-width: 320px) and (max-width: 480px){
	.product-image{ margin-right: 0;  }
	.product-image img{ height: auto;  }
}
@media (min-width: 320px) and (max-width: 600px){
	.job-vacancy-form {
		width: 90% !important;
	}
}
@media (width: 800px){
	.services #sidebar{ width: auto; }
	.services .our-services{ margin-left: 0; }
}  
@media (min-width: 320px) and (max-width: 800px){
	.photo-nav .photo { width: 100%; margin: 0 0 1px 0; }
	.photo-nav .photo a { width: 100%;}
	.photo-nav .photo img { width: 100%; }
}
@media (min-width: 600px) and (max-width: 800px){
	.photo-nav{ padding-right: 70px; padding-left: 70px; }
	.top-header{ padding-right: 70px; padding-left: 70px; }
}
@media (min-width: 947px) and (max-width: 1124px){
	.products .box{ width: 100% !important; }
}
@media (min-width: 769px) and (max-width: 992px){
	.contacts .contacts-mid{ background: none; }
	.info-box-container { margin-left: 0px !important; }
	.contacts .contact-form h2 { text-indent: 0; margin-top: 20px; }
	.contacts .contact-form .textfield .frm-lbl{ text-indent: 0 !important; }
	.contacts .contact-form .textfield span input[type="text"]{ width: 100% !important; }
	.contacts .contact-form .textfield span input[type="email"]{ width: 100% !important; }
	.contacts .contact-form .textfield span textarea{ width: 100% !important;  }
}
@media (min-width: 993px) and (max-width: 1024px){
	.contacts .contact-form { float: right; width: 46%; }
	.contacts .contact-form h2 { text-indent: 101px; }
	.contacts .contact-form .textfield .frm-lbl { text-indent: 25px; }
	.contacts .contact-form .textfield span input[type="text"]{ width: 100% !important; }
	.contacts .contact-form .textfield span input[type="email"]{ width: 100% !important; }
	.contacts .contact-form .textfield span textarea{ width: 100% !important;  }
}
@media(max-width: 1280px){
	.job-vacancy-form h2 { text-align: center; text-indent: 0; }
	.job-vacancy-form .textfield p { clear: both; }
	.job-vacancy-form .textfield .frm-lbl {text-indent: 0;width: 20%;}
	.contact-form .modal-content { min-height: 520px; }
	.job-vacancy-form .textfield span input[type="text"] { width: 100% !important; }
	.job-vacancy-form .textfield span input[type="tel"] { width: 100% !important; }
	.job-vacancy-form .textfield span input[type="email"] { width: 100% !important; }
	.job-vacancy-form .textfield span textarea{ width: 100% !important;  }
}