@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1440px) {
.slider {height:432px !important;}
}
@media only screen and (max-width: 1366px) {
.slider {height:410px !important;}
}
@media only screen and (max-width: 1280px) {
.slider {height:385px !important;}
.footer-sub-add { width:75%;}
}
@media only screen and (max-width: 1024px) {
.grid1150 { width:96%;}	
.slider {height:315px !important;}
.main-head {font-size:35px;}
.slider__arrows-item--left {bottom:50% !important;}
.slider__arrows-item--right {bottom:50% !important;}
#cssmenu > ul > li > a {padding:40px 9px !important; font-size:15px;}
.grid360 { width:30.1%;}
.grid360 img{ width:100%;}
.grid555 { width:46.7%;}
.three-col1 { width:30.1%;}
.three-col1-img{ width:100%;height:auto !important}
.three-col1-img img{ width:100%; }
.three-col1 p { width:100%;}
.footer-grid360{ width:30.1%;}
.footer-gallery a { width:30%;}
.footer-gallery a img{ width:100%;}
.gallery-col { width:64.5%; margin:20px;}
.popup-gallery { width:24.4%;}
.popup-gallery img{ width:100%;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.balustrade-form { width:99%;}
.form-input-main { width:290px;}
.form-input-main1 { width:97.5%;}
.balustrade-col { width:98.3%;}
.contact-img { width:14%; right:-10px;}
.contact-img img { width:100%;}
.footer-sub-add { width:72%;}
.grid350{width:313px;}
.form-input-main{width:305px !important;}
}
@media only screen and (max-width: 980px) {
.grid350{margin-right: 69px;width: 241.2px !important;}
.form-input-main{width:250px !important;}
.balustrade-input1{width:100% !important;}
}
@media only screen and (max-width: 900px) {
.grid350{width:213px !important;}
.balustrade-input1{width:94% !important;}
}
@media only screen and (max-width: 800px) {
#logo { width:100%; text-align:center;}
.body-content { width:100%;}
#cssmenu > ul > li > a{padding:15px 13.7px !important}
#cssmenu {float:left;}
.grid360 { width:29.3%;}
.grid555 {width:45.8%;}
.three-col1{ width:29.3%;}
.footer-grid360 { width:29.3%;}
.footer-grid360 h1 {font-size:26px;}
.blue-bg {font-size:16px;}
.balustrade-form {width:96%;}
.form-input-main { width:95%;}
.form-input-main1 { width:98.6%;}
.service-col { margin-left:15px;}
.gallery-col { width:59%;}
.popup-gallery {width:23.7%;}
.slider { height: 245px !important;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.footer-sub-add { width:100%;}
.grid350{margin-right: 82px;   width: 163px !important;}
.balustrade-input1{width:83%;}

}
@media only screen and (max-width: 768px) {
.body-content { width:100%;}
#cssmenu { background:#ccc; width:99% !important; float:left;}
#cssmenu > ul > li > a {padding:20px 10px !important; font-size:15px; color:#333}
.grid360 {width:30.4%; margin:10px;}
.grid555 {width:45%;}
.three-col1 {width:30.4%; margin:10px;}
.footer-grid360 {width:29.1%;}
.footer-grid360 h1 {font-size:26px;}
.blue-bg {font-size:16px;}
.balustrade-form {width:100%;}
.form-input-main { width:29.3%;}

.form-input-main1 { width:95%;}
.balustrade-input2{ width:95.4%;}
.gallery-col { width:96%; margin:20px;}
.popup-gallery { width:24.2%;}
.popup-gallery img{ width:100%;}
.service-col { margin-left:15px;}
.gallery-col { width:58%;}
.popup-gallery {width:23.7%;}
.slider { height: 235px !important;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.balustrade-form { width:99%;}
.blue-text { width:96%;}
.gray-text { width:96%;}
.balustrade-col { width:99%;}
.contact-img { width:16%; right:-10px;}
.contact-img img { width:100%;}
.footer-sub-add { width:100%;}
.form-input-main{width:100% !important;}
.grid350{ margin-right: 15px;width: 217px !important;}
.balustrade-input1{width:197px !important;}
}
@media only screen and (max-width: 736px) {
.slider { height:225px !important;}
.footer-grid360 { width:28.1%;}
.grid360 {width:30.3%; margin:10px;}
.three-col1 {width:30.3%; margin:10px;}
.footer-grid360 h1 { font-size:24px;}
.main-head { font-size:30px;}
.popup-gallery { width:24%;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.balustrade-form { width:98%;}
.blue-text { width:95%;}
.gray-text { width:95%;}
.balustrade-col { width:97.5%;}
.contact-img {right:-10px; top:-40px; width:15%;}
.contact-img img { width:100%;}
.footer-sub-add { width:100%;}
.grid350{margin-right:15px;width:321px !important;}
.balustrade-input2{width:97.4% !important;}
}
@media only screen and (max-width: 667px) {
.slider { height:203px !important;}
.grid360 { width:30%; margin:10px;}
.grid555 { width:45%;}
.three-col1 { width:30%; margin:10px;}
.mason-bl { margin-left:25.3%;}
.social-icons {margin-left:19.8%; float:left; margin-top:5px;}
.balustrade-form { width:99%;}
.form-input-main1 {width:97.5% !important;}
.footer-grid360 h1 { font-size:22px;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.balustrade-form { width:97%;}
.balustrade-col { width:97%;}
.form-input-main { width:100% !important; }
.contact-img {width:18%; right:0;}
.contact-img img{width:100%;}
.footer-sub-add { width:100%;}
.grid350{margin-right:15px;width:339px !important;}
.balustrade-input1{width:565px !important;}
.balustrade-input2{width:565px !important;}
}
@media only screen and (max-width: 640px) {
.slider { height:195px !important;}
.grid360 { width:29.8%;}
.three-col1 { width:29.8%;}
.footer-grid360 { width:96%;}
.blue-bg { font-size:20px;}
.footer-add { line-height:25px;}
.footer-gallery a { width:19%;}
.balustrade-form { width:95%;}
.form-input-main { width:188.5% !important;}
.form-input-main1 { width:98.7% !important; margin-top:0px; margin-bottom:0;}
.balustrade-input1 { width:96.5%;}
.grid555 { width:44.5%;	}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.footer-sub-add { width:80%;}
.grid350{width:581px !important;}
.form-input-main{width:581px !important;}
.balustrade-input1{width:94.5%!important;}
}

@media only screen and (max-width: 600px) {
.slider { height:182px !important;}
.grid360 { width:29.6%; margin:10px;}
.grid555 { width:44%;}
.three-col1 { width:29.6%; margin:10px;}
.social-icons { margin-left:19.3%;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.balustrade-form {width:95%; }
.main-head { font-size:28px;}
.blue-text{ width:95%;}
.gray-text{ width:95%;}
.balustrade-col { width:96%;}
.footer-sub-add { width:80%;}
.grid350{width:229px !important;margin-right:45px !important;}
.balustrade-input1{width:500px !important; }
.form-input-main{width:547px !important;}
.balustrade-input2{width:500px !important; }
}
@media only screen and (max-width: 568px) {
.slider { height:172px !important;}
.grid360 { width:29.5%; margin:10px;}
.three-col1 { width:94%;}
.main-head {font-size:27px;}
.social-icons { margin-left:19%;}
.footer-grid360 h1 { font-size:30px;}
.gallery-col {width:94%;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.balustrade-form { width:95%;}
.blue-text {width:95%;}
.gray-text {width:95%;}
.balustrade-col { width:95%;}
.contact-img { width:18%; right:-10px;}
.contact-img img{ width:100%;}
.footer-sub-add { width:80%;}
.grid350{margin-right: 45px !important;width: 215px !important;}
.balustrade-input1{width:460px !important;}
.balustrade-input2{width:460px !important;}
.form-input-main{width:500px !important;}

}
@media only screen and (max-width: 533px) {
.slider { height:160px !important;}
.grid360 { width:29% !important;}
.footer-gallery a { width:18.8%;}
.main-head {font-size:25px !important;}
.social-icons { margin-left:18.7%;}
.popup-gallery {width:23.8%;}
.grid555 { width:93% !important;}
.social-icons { margin-left:12.8%;}
.mason-bl { margin-left:19.2%;}
.blue-text { width:95%;}
.balustrade-form{ width:97%; margin:0 0 20px 0;}
.about-architectural { padding:25px; margin:25px auto; width:80%;}
.about-architectural h1 { font-size:24px;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.footer-sub-add { width:75%;}
}
@media only screen and (max-width: 480px) {
.grid360 { width:95% !important;}	
.slider { height:150px !important;}
.main-head { font-size:22px;}
.social-icons { margin-top:0;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.footer-sub-add { width:75%;}
.balustrade-input2{width:89.4% !important;}
.form-input-main{width:100%;}
.grid350{margin-right:68px !important;width:174px !important;}
.balustrade-input1{width:107px !important;}
.form-input-main{width:100% !important;}
.balustrade-input1{width:393px !important;}
}
@media only screen and (max-width: 414px) {
.contact-head { width:99%; float:none; text-align:center; padding:5px 0;}
.top-social-icons { width:50%; float:left; margin-left:20%;}
.slider { height:124px !important;}
.main-head { font-size:30px;}
.contact-detail { font-size:20px;}
.contact-detail a{ font-size:30px;}
.three-col1 { width:92%;}
.footer-grid360 { width:93%;}
.footer-gallery a { width:31.7%;}
.mason-bl { border-right:none; float:none; text-align: center; margin:0 !important; width:96%;}
.appsource { float:none; text-align:center; padding:10px 0; width:96%;}
.copyright { float:none;border-right:none; width:96%; text-align:center;}
.social-icons{ width:75%; margin-top:0;}
.g-icon { margin-left:22%;}
.balustrade-form { width:90%;}
.popup-gallery { width:31.5%;}
.slider__arrows-item--left { display:none;}
.slider__arrows-item--right { display:none;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.balustrade-form { width:89%;}
.blue-text { width:92%;}	
.gray-text { width:92%;}	
.balustrade-col { width:95%;}
.contact-img { width:30%; top:-50px; left:35%;}
.grid555 { width:90%;margin:0 15px 20px 15px;}
.footer-sub-add { width:75%;}
.grid350{width:100% !important;margin-right:68px !important;}
.balustrade-input1{width:311px !important;}
.balustrade-input2{width:93.3% !important;}
}
@media only screen and (max-width: 384px) {
.top-social-icons { width:55% !important;}
.slider { height:115px !important;}
.grid360 {width:92% !important;}
.popup-gallery { width:31%;}
.footer-grid360 { width:92%;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.balustrade-form { width:88%;}
.balustrade-col { width:95%;}
.contact-detail {font-size:18px !important;}
.contact-detail a {font-size:27px !important;}
.grid555 { width:90%; margin:0 15px 20px 15px;}
.footer-sub-add { width:75%;}
.balustrade-input1{width:286px !important;}
.balustrade-input2{width:93.4% !important;}
}
@media only screen and (max-width: 375px) {
.slider { height:112px !important;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.balustrade-form { width:87%;}
.footer-grid360 { width:91%;}
.contact-detail {font-size:18px !important;}
.contact-detail a{font-size:25px !important;}
.blue-text { width:93%;}
.gray-text { width:93%;}
.balustrade-col { width:95%;}
.contact-img { width:35%; left:32%;top:-55px;}
.grid555 { width:90%; margin:0 15px 20px 15px;}
.footer-sub-add { width:73%;}
.grid350{ margin-right: 68px !important;width: 78% !important;}
.balustrade-input1{width:276px !important;}
.balustrade-input2{width:93.8% !important ;}
}
@media only screen and (max-width: 360px) {
.slider { height:107px !important;}
.contact-detail { font-size:16px !important;}
.contact-detail a { font-size:22px !important;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.footer-gallery a { width:31.5% !important;}
.footer-gallery a img{ width:100%;}
.grid350{width:281px !important;}
.balustrade-input1{width:263px !important;}
}
@media only screen and (max-width: 320px) {
.footer-grid360 { width:88%;}
.grid360 {width:92% !important;}
.three-col1 {width:92% !important;}
.slider { height:95px !important;}
.main-head { font-size:22px; padding:10px 0;}
.footer-gallery a { width:31.2% !important;}
.mason-bl { width:94.5%;}
.g-icon { margin-left:16%;}
.gallery-col { width:91.5%;}
.top-social-icons { width:60% !important; margin-left:18%;}
.popup-wrap .popup_image .popup-content .popup-content-inner { width:100% !important;}
.balustrade-form { width:83%;}
.body-content { width:99%;}
.blue-text { width:90% !important;}
.gray-text { width:90% !important;}
.balustrade-col { width:93%;}
.contact-img {width:40%; left:30%; top:-60px;}
.grid555 { width:89% !important; margin:0 15px 20px 15px;}
.footer-sub-add { width:100%;}
.form-input-main { width:246px !important;}
.form-input-main1 {width:64.5% !important;}
.balustrade-input1{width:100% !important;}
.balustrade-input2{width:246px !important;}
.grid350{width:252px !important;}
}