@media only screen and (max-width: 1024px) {



}

@media only screen and (max-width: 980px){



}

@media only screen and (max-width: 900px) {

.container{ width:98%;}

#top-nav > ul > li {}
#top-nav > ul > li > a {
    padding: 0 7px;}
.header-right{width: 270px;}

.home-benifits li{ width:33%;}

.side-bar{ width:100%; margin-bottom:30px;}

.right-col{ width:100%;}

.footer-contact{ width:100%; float:left; padding-top:20px;}

.bottom-nav, .contact-list { width:100%;}

.bottom-nav ul { width: 25%;}

}

@media only screen and (max-width: 800px) {

.container{ width:90%;}

.nav-holder{ width:100%;margin-top: 0px;}

#menu-button{}

#top-nav > ul > li > a { padding: 0 20px;}

#top-nav ul{ position:absolute; z-index:9999;background: #002787;}

#top-nav ul ul{ border:0px;}

#top-nav > ul > li{ margin:0px;}

#top-nav > ul > li > a { border-radius:0px; height: 35px; line-height: 35px; color:#ffffff;}

#top-nav > ul > li:hover > a, #top-nav > ul > li.active > a {border-color: rgba(0, 0, 0, 0); background:#6989d7;}

#top-nav ul ul li a { padding:0 40px;}

#top-nav ul ul li a:hover { color: #ffffff; background: #6989d7 !important; }
.form-half2{ width:80%;}
}

@media only screen and (max-width: 768px) {

.home-benifits li {  width: 100%; padding-bottom:20px;}

.product-scope-grid li:nth-child(3n+0), .product-wet-wall-grid li:nth-child(3n+0), .benefits-grid li:nth-child(3n+0), .projects-grid li:nth-child(3n+0){ margin-right: 20px;}

}

@media only screen and (max-width: 720px) {

.video-grid li{ margin-right:0px !important; width:100%;}

}

@media only screen and (max-width: 640px) {

.logo, .top-logo{ width:100%; text-align:center;padding-bottom:20px;}

.header-right, .form-half { width:100%;}

.page-restrict-inner { width:100%; margin-bottom:30px; }
.enq-form { min-height:auto; }
.fform:before, .fform:before { display:none; }

.header .container{ position:relative;}

.language-selector{ position:absolute; top:0; right:0;}

.big-field label { width:100%; padding-bottom:10px;}

.big-field .control { margin-left: 0px;}

.thankyou{ width:100%; height:auto; background-size:100%; padding:50px;}

}

@media only screen and (max-width: 600px) {

.bottom-nav ul { width:50%;}

.slideshow-desc h2 {font-size: 18px;margin-bottom: 8px;}

.slideshow-desc, .camera_caption > div { width:100% !important;}

.thankyou { padding:40px;}
.camera_wrap{ height:315px !important;}
}

@media only screen and (max-width: 568px) {

.thankyou { padding: 32px;}
.camera_wrap{ height:321px !important;}
.slideshow-desc, .camera_caption > div{ min-height: 120px !important;}
}

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

.product-scope-grid li, .product-scope-grid li:nth-child(3n+0), .product-wet-wall-grid li, .product-wet-wall-grid li:nth-child(3n+0), .benefits-grid li, .benefits-grid li:nth-child(3n+0), .projects-grid li, .projects-grid li:nth-child(3n+0) { margin-right: 0px; height:auto; float:none; display:inline-block;}
.product-wet-wall-grid, .product-wet-wall-grid, .projects-grid, .benefits-grid { text-align:center;}
.pro-heading{ width:100%; height:auto;}

.news-img, .news-img img, .news-info{ width:100%;}

.news-info{ float:left; margin-left:0px; padding-top:10px;}

.news-top { min-height:inherit;}

.inner-banner img { height:100px;}

.form-holder label, .form-half2 label{ width:100% !important; padding-bottom:10px;}

.control, .form-half2 .control{ margin-left:0px !important;}

.thankyou p{ padding-bottom:15px;}

.thankyou .contact-list p {margin-left: 72px;padding-bottom:0px;}

.thankyou { padding: 20px;}

.project-info{ width:432px;}

.projects-grid li:hover > .mask .project-info {height:286px;}
.product-wet-wall-grid li .grid-img {   height: auto;}
.camera_wrap{ height:290px !important;}
.imgLoaded{ height:auto !important;}
}

@media only screen and (max-width: 479px){

.language-selector{ width:100%; text-align:center; position:static;}

.top-logo img:first-child{ margin-bottom:20px;}

.bottom-nav ul { width:100%;}

.thankyou { padding:20px 10px; width:100%; background-image:none; background-color:#f2f2f2;}

.projects-grid li:hover > .mask .project-info {height:215px;}
.camera_wrap { height: 265px !important;}
.slideshow-desc, .camera_caption > div{ min-height: 138px !important;}
}

@media only screen and (max-width: 359px){

.projects-grid li:hover > .mask .project-info {height:191px;}
.camera_wrap { height: 269px !important;}
.slideshow-desc, .camera_caption > div{ min-height: 156px !important;}
}