@media screen and (max-width:1920px) {
.menu li:last-child{display: none;}	
}

@media screen and (max-width:1600px) {
.interior { background: url(../images/interior-bg.png) bottom left 260px no-repeat; }
.home { background: url(../images/interior-bg.png) bottom left 170px no-repeat; }
.exterior { background: url(../images/exterior-bg.png) bottom 90px left 170px no-repeat; }
.application-left .img-heading { width: 20%; position: absolute; margin: -4% 0 0 0; left: 31%;}
.application-right .img-heading { width: 20%; position: absolute; margin: -4% 0 0 0; left: 74%;}
.application-right .aap-3 { width: 20%; position: absolute; margin: -4% 0 0 0; left: 74%;}
.vision-marble img { width: 100%; margin: -250px 0 0 0; } 
.social-media { width: 26%; padding: 12px 0 1px 0;  } 
.social-media img { width: 17%; margin: 0px 5px 0 5px; }
}


@media screen and (max-width:1366px) {
.application-left .img-heading { left: 26%; margin: -5% 0 0 0; }
.application-right .img-heading { left: 76%; margin: -5% 0 0 0; }
.application-right .aap-3 { left: 74%; }
.features-left { height: 635px; } .features-right-col { padding: 10px 0 20px 35px; }
.interior { background: url(../images/interior-bg.png) bottom left 150px no-repeat; }
.home { background: url(../images/interior-bg.png) bottom left 63px no-repeat; }
.exterior { background: url(../images/exterior-bg.png) bottom 90px left 60px no-repeat; }
}


@media screen and (max-width:1199px) {
.application-col { background: none; }
.application-left { width: 50%; }
.application-left img { margin: -91px 0 0 0px; width: 100%; } .application-right { width: 49%;float: right; }
.application-right img.exteriors { width: 100%; margin: -25px 0px 0 0px; } 
.application-right img.office { width: 100%; margin: 6px 0px 0 0px; }

.application-left .img-heading { left: 28%; margin: -5% 0 0 0; }
.application-right .img-heading { left: 77%; margin: -5% 0 0 0; }
.application-right .aap-3 { left: 78%; }

.vision-right p { width: 82%; } .vision-marble img { margin: -169px 0 0 0; } .vision { margin: 40px 0; } .vision-col { margin: 30px 0; }
.features-left { height: 660px; }
.interior { background:none; } .interior { margin: 20px 0 0px 0; }
} 


@media screen and (max-width:1024px) {
.header { background:none; }
.logo { width: 25%; } .logo img { width: 60%; } .navigation-col { width: 75%; float: right; }
.quality-right p { float: none; margin: 0 auto; }
.pd-col { padding: 40px 0 60px 0; }
.application-left img { margin: -68px 0 0 0px }
.application-right img.exteriors { margin: -15px 0px 0 0px; }
.img-heading h3 { font-size: 32px; }
.application-right .img-heading { width: 22%; }
.text-left { width: 72%; } .text-right { width: 28%; } .text-right img { width: 100% !important; margin: 0px 0 0 0;}
.social-media { padding: 12px 0 5px 0; } 
.application-left .img-heading { margin: -6% 0 0 0; }
.application-right .img-heading { margin: -6% 0 0 0; left: 76%; }
.feature-detail p { font-size: 15px; } .marble-quote p { font-size: 32px; }
.myform { width: 98%; float: left; }  .social-icons img { margin: 2px 0 0 0; }

.profile-col { flex-direction: column-reverse;}
.profile-left { width: 100%; }
.profile-right { width: 100%; float: left; text-align: center; margin-bottom: 20px;}
.profile-right img { float: none; width: 55%; }
.mode-type { margin-right: 19px; } .tile { margin:0; }
.top-header-left img { display: none;}
	.top-header-left a{ width: 100%; }
}


@media screen and (max-width:991px) {
.logo { width: 18%; } .logo img { width: 90%; }
nav ul { margin: 10px 0 0 0; }
.application-left .img-heading { width: 22%; }

.vision-col { flex-direction: column-reverse; } .vision-left { width: 100%; margin: 20px 0 0 0;} .vision-right { width: 100%; padding: 40px 20px 40px 20px; 
	background-size: cover;} .vision-left img { width: 6%; margin-top: 13px; } .vision-left p { width: 91%; }
.vision-right p { width: 100%; }
.message-inner { padding: 0; }
.message-inner p { width: 83%; } .message-inner img { width: 8%; }
.features-right-col { width: 98%; } .features-right-col { padding: 10px 0 20px 30px; }
.eon-marble { margin: 40px 0 0 0; }
.application-100 { margin: 40px 0 140px 0; }
.collection-inner { margin: 40px 19px 0 0; }
.mode-series { font-size: 17px; }
}


@media screen and (max-width:768px) {
.top-header { display: none; }
.logo { width: 100%; background-color: #fff; text-align: center; padding: 0 0 10px 0;} .logo img { width: 20%; }
.header{ padding: 15px 0 0 0; } .header .container { padding: 0; }
.navigation-col { width: 100%; } nav ul { margin-top: 1px; }
nav .clr { display: block; }
.text-right img { width: 80% !important; }
.application-left img { margin: -53px 0 0 0px; } .application-right .img-heading { margin: -7% 0 0 0; left: 69%; width: 29%; }
.application-left .img-heading { margin: -7% 0 0 0; left: 21%; width: 28%; } .application-col { margin: 83px 0 0 0; }
.eon-col-inner { width: 50%; } .eon-col-inner p { font-size: 15px; } .quote { font-size: 36px; } .author-name { font-size: 30px; }
.quotation { margin: 90px 0 100px 0; } .quotation-col img.comma-1 { width: 10%; margin: -43px 0 0 -4px; } 
.quotation-col img.comma-2 { width: 10%; } .footer-left img { width: 25%; }
.footer-left { width: 100%; margin: 0 0 40px 0;} .footer-right { width: 100%; } #query-form { margin: 0; } 
.footer-inner { margin: 40px 0px 10px 0; }
.chairmen-message {margin: 40px 0 100px 0; }
.marble-features { margin: 70px 0; } .marble-quote p { font-size: 24px; } .features-left { width: 100%; height: 440px; }
.features-right { width: 100%; } .features-right-col img { width: 9%; } .feature-detail { width: 87%; } 
.features-right-col { padding: 15px 0 30px 30px; }
.infrastructure { margin: 40px 0 100px 0; }
.application-100 { margin: 40px 0 80px 0; }
.contact-left { width: 100%; margin-bottom: 40px;} .myform input { width: 100%; } .input-50 { margin: 0 0 25px 0; }
.contact-right { width: 100%; } .contact-col { padding: 30px 0 0px 0; } .myform .btn { padding: 12px 48px; width: auto; }
.social-icons img { width: 3%; margin: 0px 0 0 0;} .social-icons p { width: 95%; } .contact { margin: 60px 0 100px 0; }
.profile-right img { width: 100%; } .profile { margin: 40px 0 100px 0; }
.collection-inner {width: 47%; margin: 40px 10px 0 10px;}
.view { background: url(../images/view-more.svg) top 4px right no-repeat; background-size: 3%; }
.view-less { background: url(../images/view-less.svg) top 4px right no-repeat; background-size: 3%;  }
.collection { margin: 40px 0 50px 0; }
.mode-type { margin-right: 14px; height: 390px;} .tile { margin: 0; } 
.delivery { margin: 40px 0 100px 0; }
.quality-left h3 { margin-right: 35px; }

.footer-about{ width: 50%; }
.footer-nav{ width: 50%; }
.footer-media{ clear: both; width: 50% }
.footer-media p { text-align: left; }
.media  { float: left; }
.footer-media p { width: 21%; }
.footer-media .detail { text-align: left;}
.copyright-left { width: 100%; }
.copyright-right { width: 100%; float: left; }
.copyright-right p {  width: 25%; line-height: 30px; float: left; margin-top: 20px; }
.inner-lang{text-align: center; float: none;}

}
@media screen and (max-width:650px) {
	.logo img { width: 25%; }
.quality-left { width: 100%; } .quality-left h3 { margin: 0; color: #ff9900; float: none;}
.quality-right { width: 100%; border: none;}
.pd-col { padding: 0px 0 60px 0; } .text-left h2 { font-size: 30px; } .text-left .exotic { font-size: 30px;  } 
.text-left p { margin: 5px 0 0 0; 	font-size: 15px; } .text-right img { width:94%!important; } .application-left { width: 100%; margin: 0px 0 20px 0px; } 
.application-right { width: 100%;  } .application-col { margin: 20px 0 0 0; } .application-left img { margin: 0; }
.application-left .img-heading { margin: -9% 0 0 0; left: 64%; width: 33%; }
.application-right .img-heading { margin: -9% 0 0 0; left: 64%; width: 34%; } .why-eon { margin: 60px 0 0 0; } .eon-col .clr { display: block; }
.quotation-col img.comma-1 { margin: -35px 0 0 -4px; }
.message-inner p { width: 80%; } 
.eon-marble-left { width: 100%; } .eon-marble-right { width: 100%; margin: 10px 0 0 0; } .eon-marble-col p { font-size: 16px; }
.marble-quote p { font-size: 20px; }
.interior{ margin: 35px 0 0px 0; } .interior-col { margin: 0; }
.collection-inner { margin: 40px 9px 0 9px; } 
.mode-type  { width: 48%; margin: 0 7px 15px 5px; height: 415px;}
.vision-left img { width: 9%; } .vision-left p { width: 88%; }

.footer-about{ width: 100%; }
.footer-nav{ width: 100%; }
.footer-media p { width: 13%; }
.footer-media{ clear: both; width: 100% }
.media  { width: 16%; float: left; }
.footer-about img{ width: 32%; }
.footer-media p.phone{ float: left; }
.copyright-right p { width: 30%; }
}


@media screen and (max-width:550px) {
.logo img { width: 30%; }
.quality { margin: 40px 0; } .quality-right p { width: 100%; text-align: center; } .pd-col p { width: 100%; }
.text { padding: 15px 0 0 12px; } .text-left h2 { font-size: 24px; line-height: 28px; } .text-left .exotic { font-size: 24px; line-height: 28px; }
.text-left p { font-size: 14px; } .text-right { margin: 8px 0 0 0; } .text-right img { width: 95% !important; }
.application-left .img-heading { margin: -10% 0 0 0; left: 57%; width: 40%; }
.application-right .img-heading { margin: -10% 0 0 0; left: 56%; width: 40%; }
.quotation-col img.comma-1 { width: 12%; }
.quotation-col img.comma-2 { width: 12%; } .quote { font-size: 30px; }
.eon-marble-col { padding: 10px 0 40px 0; } .features-left { height: 355px; }
.mines-left { width: 99%; text-align: center; }
.mines-right { width: 99%; text-align: center; margin-top: 20px; }
.mines-left img { float: none; width: 95%; } .infrastructure p {text-align: justify;}
.mines-right img { float: none; width: 95%; } .mines-inner { margin-top: 20px; }
.interior-left { width: 100%; } .interior-right { width: 100%; margin-top: 20px; } .interior-col { padding-bottom: 0; }
.social-icons img { width: 4%; } .social-icons p { width: 94%; }
.collection-inner { margin: 40px 7px 0 8px; }
.pd-name { width: 63%; } .pd-detail a { width: 36%; }
.view { background: url(../images/view-more.svg) top 4px right no-repeat; background-size: 4%; }
.view-less { background: url(../images/view-less.svg) top 4px right no-repeat; background-size: 4%;  }
.mode-type { width: 100%; height: auto; margin: 0 0px 20px 0; } .delivery-inner { margin: 30px 0 0 0; }
h2 { font-size: 30px; } 
.vision-left img { width: 10%; } .vision-left p { width: 87%; }
.sl-wrapper .sl-navigation button { color: #fff; }
.copyright-right p { width: 35%; }
.inner-lang ul li{width: 23%; margin-bottom: 10px;}
}


@media screen and (max-width:480px) {
.overlap { width: 70%; margin: 0 auto; } .text { padding: 30px 0 0 12px; }
.text-left p { font-size: 16px; } .text-right { margin: 0; } .owl-carousel .owl-item img { width: 100%; } .text-right img { width: 85%!important; }
.application-left .img-heading { left: 52%; width: 45%; }
.application-right .img-heading { margin: -12% 0 0 0; left: 51%; width: 45%; }
.eon-col p { width: 100%; } .eon-col-inner { width: 100%; } .eon-col-inner p { text-align: center; font-size: 16px; }
.quotation-col img.comma-1 { width: 14%; } .quotation-col img.comma-2 { width: 14%; }
.footer-left img { width: 30%; } .footer-inner { width: 100%; } .link-2 { margin: 0; } .link-3 { margin: 5px 0 0 0; }
.footer-left p { margin: 20px 0 0 0; } .footer-left p.phone { float: left; }
.header-link a { font-size: 18px; } .footer-inner ul li a { font-size: 18px; padding-left: 10px; } #query-form { padding: 35px 20px; }
.application { margin: 40px 0 0 0; }
.quality-left h3 { font-size: 30px; } 
.message-inner img { display: none; }
.message-inner p{ width: 100%; box-sizing: border-box; float: left; font-size: 16px; padding: 10px 10px 10px 18px;}
.features-left { height: 300px; } .eon-marble-col p { font-size: 15px; }
.features-right-col { padding: 15px 0 30px 20px; }
.collection-inner { width: 100%; margin: 40px 0 0 0; }
.mode-col { padding: 20px 15px 30px 20px; }
.view { background: url(../images/view-more.svg) top 4px right no-repeat; background-size: 5%; }
.view-less { background: url(../images/view-more.svg) top 4px right no-repeat; background-size: 5%; } 
.vision-left img { width: 11%; } .vision-left p { width: 86%; }
.footer-media p{ width: 25%; }
.copyright-right p {width: 45%;}
}


@media screen and (max-width:450px) {
.application-left .img-heading { left: 47%; width: 48%; margin: -13% 0 0 0;}
.application-right .img-heading { margin: -13% 0 0 0; left: 46%; width: 48%; }
.quotation-col img.comma-1 { width: 15%; }.author-name { font-size: 24px; }
.quotation-col img.comma-2 { width: 15%; } .quote { font-size: 24px; }
.pd-col { padding: 0px 0 20px 0 }
.vision-right p { font-size: 24px; line-height: 40px; }
.social-icons img { width: 5%; } .social-icons p { width: 93%; } .contact-right { padding: 10px 0 30px 20px; }

}
@media screen and (max-width:420px) {
.logo img { width: 40%; }
.overlap { width: 75%; } .text-left p { font-size: 13px; }
.application-left .img-heading { left: 45%; width: 49%; }
.application-right .img-heading { margin: -13% 0 0 0; left: 43%; width: 52%; }
.quotation-col img.comma-1 { width: 12%; margin: -26px 0 0 -4px; }
.quotation-col img.comma-2 { width: 12%; } .quote { padding: 20px 5px 5px 0; }
.features-right-col img { width: 11%; } .feature-detail { width: 85%; }
.marble-quote p { font-size: 18px; }
.view { background: url(../images/view-more.svg) top 5px right no-repeat; background-size: 5%;} 
.view-less { background: url(../images/view-more.svg) top 5px right no-repeat; background-size: 5%; } 
.vision-left img { width: 12%; } .vision-left p { width: 85%; }
.media{ width: 25%; }
}

@media screen and (max-width:414px) {
 .vision { margin: 30px 0; } .vision-col { margin: 20px 0; }
 .features-left { height: 280px; }
 .inner-lang ul li {  width: 30%;    margin-bottom: 10px;}

}


@media screen and (max-width:380px) {
.overlap { width: 85%; }
.application-left .img-heading { left: 39%; width: 55%; } 
.application-right .img-heading { margin: -14% 0 0 0; left: 38%; width: 58%; }
.quotation-col img.comma-1 { margin: -24px 0 0 -4px; }
.features-left { height: 235px; } .marble-quote { padding: 20px 10px; } .marble-quote p { font-size: 16px; }
.footer-left img { width: 40%; } .header-link a { font-size: 16px; } .footer-inner ul li a {font-size: 15px;}
.footer-left p.phone { margin: 5px 0 0 0; } .link-1 { margin: 25px 0px 0px 0; }  #query-form { padding: 20px ; } 
#query-form legend { font-size: 24px; } #query-form .form-group { margin-top: 15px; } #query-form label { font-size: 16px; }
#query-form .btn { padding: 8px 34px; font-size: 20px; }
.social-icons img { width: 6%; } .social-icons p { width: 92%; }
.view { background: url(../images/view-more.svg) top 5px right no-repeat; background-size: 6%;}
.view-less { background: url(../images/view-more.svg) top 5px right no-repeat; background-size: 6%; } 
.copyright-left { width:100%;}
.copyright-right { width:100%; text-align:left; margin-top:5px;}

.copyright-right p {
    width: 50%;
    padding-left: 50px;
    line-height: 37px;
}



@media screen and (max-width:360px) {
.quotation-col img.comma-1 { margin: -22px 0 0 -4px; } .img-heading h3 { font-size: 24px; }
.application-right .img-heading { margin: -14% 0 0 0; left: 48%; width: 46%; }
.application-left .img-heading { left: 49%; width: 45%; margin: -14% 0 0 0;}
.inner-lang ul li { width: 41%;  margin-bottom: 10px;}
}
