@media(max-width:1024px){
.container{ width:100%; box-sizing:border-box; padding:0 10px;}
.colorset{ margin-bottom:0;}
.colorset_inner{ padding:0 10px;}
.colorset_inner img{ box-shadow:inset;  width:100%;}
.footer{ position:inherit;}	
.range_colours{ margin-bottom:15px;}
.digital1{ padding:0;}
.ceramic{ text-align:justify; margin:0; padding-top:10px;}
.ceramic h1{ margin:0;}
.glaze_colors{ margin-bottom:0; text-align:justify;}
.glaze_colors h5{ margin:0; padding-top:15px;}
.glaze_content h2{ margin:0;}
.add22{ padding:15px 0;}
.add22 h4{ padding:0;}
.enger{ padding:0;}
.enger p{ padding:0; text-align:justify;} 
.enger h5{ padding:5px 0;}
.rd_right{ text-align:justify;}
.contact_left{ width:30%;}
.contact_right{ width:70%;}
}

@media(max-width:980px){
.header_right{ float:none;}
.header_left{ float:none; position:inherit;}
.header_left a{ width:inherit;}	
.menu{ text-align:center;}
.menu li{ float:none; display:inline-block;}
.header_left a{ display:block; margin:0 auto; width:30%;}
.submenu li{ display:block !important;}
.menu li a{ padding:15px 20px;}
.footer{ position:inherit; margin:0 auto;}
.foot_right li{ margin:0 auto;}
.colorset{ margin:0;}
}

@media(max-width:800px){
.menu li a{ padding:9px;}	
}

@media(max-width:768px){
.about{ margin:10px 0;}
.about_left1{ float:none; margin:10px auto; width:50%;}
.about_right1{ float:none; padding:10px 0; width:100%;}
  	
}

@media(max-width:640px){
.menu li a{ padding:15px 8px;}
.menu{ display:none;}
.menu li{ display:block;}	
.responsive_bar{ display:inline-block;}
.submenu{ position:static; box-shadow:inherit;}
.banner_content{ padding:5px 10px;}
.banner_content span{ font-size:16px;}
.header_left a{ width:40%;}
.colorset_inner{ width:50%;}
.colorset_inner img{ box-shadow:0 0 0 0;}
.about_left1{ width:70%;}
.about p{ text-align:justify;}
.header_left a img{ margin:8px 0;}
.rd_left{ float:none; width:50%}
.rd_right{ float:none; padding:10px 0; width:100%;}
.contact_left{ float:none; width:100%;}
.contact_right{ float:none; width:100%; padding:20px 0;}
.contact_right [type="text"]{ width:100%;}
}

@media(max-width:480px){

.banner_content span{ font-size:14px;}
.header_left a{ width:60%;}
.about_left1{ width:80%;}
.add22_left{ float:none; width:100%}
.add22_right{ float:none; width:100%;}
.rd_left{ width:80%; margin:10px 0;}
}

@media(max-width:360px){
.header_strip{ padding:10px 0;}
.header_strip_left{ float:none;}
.header_strip_right{ float:none;}
.header_strip_left ul{ display:block; text-align:center;}
.header_strip_right ul{ display:block; text-align:center;}
.colorset_inner{ width:100%;}
.about{ margin:0;}
.about_left1{ width:100%; margin:0;}


}