nav a#pull {
	display: none;
	}
.mobile_cacl{ display:none;}	
.mobile_header{ display:none;}
.social br{ display:none;}
	
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
nav{width:100%; margin:8px 0px 0px 0px; text-align:center; float:inherit; } 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; 
padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13; text-transform:uppercase; text-align:center;}

nav ul li a{border-bottom:1px solid #4460ae; display:block; padding:8px 0px; height:auto; line-height:normal; font-size:14px; 
margin:0px; color:#747474;  height:auto; width:auto; background:#fff; text-align:left;}

nav ul li a.active{color:#C59F04; background:none;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}
nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}
nav a#pull {display: block;	width: 100%; position: relative; background:#4460ae; margin:0px 0 0px 0; color:#fff; 
text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  
nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}
nav ul li a:hover, nav ul li.current_page_item a{ border-radius:0px;}
.header_wrapper{width: 100%; padding-bottom:45px;}
.social{ width:44%; text-align:center;}
.social p{ margin-left:5px;}
.callus{ width:55%; margin-top:33px;}
.callus p a { padding-bottom:6px;}
.caption{ width:100%;}
.caption_bar{ width:100%; position:inherit; padding-top:0;}
.logo{ width:100%; float:inherit; text-align:center;}
.header_manu{ width:100%; float:inherit; margin-top:10px;}
.banner img{ height:auto;}
.form_inner,
.form_inner2 {
    width:83%;
}
.submit{ padding:5px 65px; font-size:18px;}
.input,
.type {
    font-size: 12px;
    width: 100%;
    padding: 5px 0;
    text-indent: 10px;
    line-height: 1;
    margin: 0;
}
.largest_supp{ width:95%; padding:15px 0 0 0;}
.largest_supp h3 { font-size:20px; padding-bottom:0;}
.largest_left{ width:24%; margin-right:9px; margin-bottom:65px;}
.largest_right{ width:24%;}
.largest_caption{ width:100%;}
.largest_bar {
    margin-top: -16px;
    width: 23%;
}
.largest_supp{ padding-bottom:0;}
.largest_bar h4 a{ padding:12px 0px;}
.water_detail{ width:95%; padding-top:15px;}
.water_left{ width:45%;}
.water_right{ width:45%;}
.drop { width:14%;}
.quality { width:80%;}
.box{ padding-bottom:40px;}
.royal_wrapper{ width:95%;}
.royal_left{width:48%;}
.royal_right{width:48%;}
.systems_wrapper,
.footer_wrapper { width:95%; padding:20px 0;}
.icon { width:87%;}
.icon img{ width:18%; padding-right:10px; margin-bottom:30px;}
.icon2{ width:13%;}
.icon2 img{ width:100%;}
.footer_wrapper{ width:95%;}
.footer_navigation { width:22%;}
.important{ width:35%;}
.contact{ width:40%;}
.purchase_left{ width:98%; float:inherit;}
.email{ width:74%;}
.join{ width:26%;}
.purchase_right{ width:100%; float:inherit; margin-top:10px;}
.purchase_right img{ float:left; width:auto;}
.container_wrapper{ width:95%;}
.calculator{ width:95%; margin:0px auto;}
.calculator_left{ width:48%;}
.calculator_right { width:48%;}
.lorem_left{ width:37%;}
.lorem_right{ width:45%; padding:143px 0px;}
label{ margin-left:1px;}
.rental{ width:48%; padding-left:5px;}
.ipsum_left{ width:48%;}
.ipsum_right{ width:45%; padding:56px 0px;}
.rental1{ width:37%; margin:0px 12px;}
.payments_left{ width:38%;}
.payments_right{ width:45%; padding:166px 0px;}
.payments_right h5{ margin:0px;}
.cheack_box_text{ margin-left:5px;}
.amount h6 span{  margin: 21px 0px -23px 115px; display:block;}
.amount{ padding:8px 0px;}
.calculator{ padding:39px 0px;}
.cooler_wrapper{ width:95%; padding:15px 0;}
.cooler_left{ width:48%;}
.cooler_right{ width:48%;}
.enquri_text{ width:45%; margin:10px 1% 0px 0px; padding:10px 0px 10px 10px;}
.enquri_type { width:49%;}
.text_area{ width:96%;}
.news_wapper{ width:95%;}
.news_left{ width:48%;}
.news_right{ width:48%;}
.information_wrapper{ width:95%; padding:40px 0px;}
.info_left{ width:30%;}
.info_right{ width:65%;}
.product_wrapper{ width:95%;}
.product_left{ width:48%;}
.product_right{ width:48%;}
.recommand{ width:100%;}
.recommand_left{ width:48%}
.recommand_right{ width:48%; float:left;}
.recommand_left h5 a{ padding:12px 2%; width:96%; text-align:center;}
.recommand_right h6 a{
    padding: 12px 2%;
    width: 94%;
    text-align: center;
    margin-left: 2%;
}
.like_wrapper { width:95%;}
.like_left{
    margin-left: 1%;
    margin-right: 1%;
    width: 23%;
	margin-bottom:20px;
   }
.like_right{ width:22%;}
.like_left h4 a { font-size:15px; padding:15px 11px;}
.like_right h4 a { font-size:15px; padding:15px 11px;}
.thanks{ width:95%;}
.home_left_less,
.left_less_wraper{ margin-left:0;}
.map iframe{ width:100%;}
.like_wrapper h3{ margin:15px 0}
.royal_right img{ padding:2px 2%; width:96%; height:auto;}
.water{ margin:5px 0 0 0;}
.form2 img{ width:auto; height:auto}
.systems_wrapper h3{ padding-bottom:15px;}
.calculator_right{/*display:none;*/}
.mobile_cacl{display:block; float:left; width:48%}
.mobile_cacl .calculator_right{ display:block; width:100%;} 	
.calculator_left{ float:right;}
.lorem_left,
.payments_left,
.ipsum_left{ float:right;}
.lorem_right,
.payments_right,
.ipsum_right{ float:left;}
.total span{ display:inline-block; float:left; padding-top:8px}
.total {
    float: right;
    margin: 10px 10px 0 0;
    }
.rental3{ margin:0 6px;}
.total{ width:190px;}	
.saving h4{ margin:0 10px}
.amount{ margin-bottom:15px;}
.header_top,
.logo{ display:none;}
.mobile_header{ display:block;}
.mobile_header .header_top {
    display: block;
    float: right;
    width:80%;
   }

.mobile_header .logo {
    display: block;
    float: left;
    width:18%;
   }
.social br{ display:block;}

.like_left h4{ padding-top:10px;}
.like_left p a{ min-height:93px;}
.google-map-placeholder{ width:100% !important}
}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
nav{width:100%; margin:8px 0px 0px 0px; text-align:center; float:inherit; } 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; 
padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13; text-transform:uppercase; text-align:center;}

nav ul li a{border-bottom:1px solid #4460ae; display:block; padding:8px 0px; height:auto; line-height:normal; font-size:14px; 
margin:0px; color:#747474;  height:auto; width:auto; background:#fff; text-align:left;}

nav ul li a.active{color:#C59F04; background:none;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}
nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}
nav a#pull {display: block;	width: 100%; position: relative; background:#4460ae; margin:0px 0 0px 0; color:#fff; 
text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  
nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}
nav ul li a:hover, nav ul li.current_page_item a{ border-radius:0px;}
.header_wrapper{ width:95%;}
.social{ width:100%; float:inherit;}
.callus { width:100%; margin:0 auto; float:inherit; text-align:center;}
.callus p a{ position:inherit;}
.caption{ width:100%;}
.caption_bar{ width:100%; position:inherit;}

.header_manu{ width:100%; float:inherit; margin-top:10px;}
.banner img{ height:auto;}
.form{ width:100%; float:inherit;}
.form_area { width:100%; margin:0px auto; position:inherit; padding-bottom:15px }
.form_inner  {
    margin: 0 auto;
    padding-left: 0;
    width: 95%;
	}
.submit{ padding:10px 15px;}
.input{width:95%;}
.type{ width:97%; margin-top:5px;}

.largest_supp{ width:95%;}

.largest_bar h4 a { padding:16px 0px;}
.largest_left{ width:47%; margin:0px 6px; padding-bottom:10px;}
.largest_right{ width:47%; margin-right:10px}
.largest_supp{ width:95%; padding:0px 0px;}
.largest_supp h3 { padding-bottom:10px; padding-top:10px;}
.largest_caption{ width:100%;}
.largest_bar{    margin: -16px 0 0;
    position: inherit;
    width: 100%;
	}
.water_detail{ width:95%; padding-top: 10px;}
.water_left{ width:45%;}
.water_right{ width:45%;}
.drop { width:14%;}
.quality { width:80%;}
.box{ padding-bottom:15px;}
.royal_wrapper{ width:95%;}
.royal_left{width:100%;}
.royal_right{width:100%;}
.systems_wrapper { width:95%; padding:15px 0;}
.icon { width:87%;}
.icon img{ width:22%; padding-right:10px; margin-bottom:30px;}
.icon2{ width:13%;}
.icon2 img{ width:100%;}
.footer_wrapper{ width:95%; padding:15px 0}
.footer_navigation { width:50%;}
.important{ width:50%; padding-bottom:30px;}
.contact{ width:95%; float:inherit;}
.purchase_left{ width:98%; float:inherit;}
.email{ width:90%;}
.join{ width:10%;}
.purchase_right{ width:100%; float:inherit; margin-top:10px; text-align:center;}
.footer_navigation ul li a{  padding-top:16px;}
.important ul li a { padding-top:16px;}
.email_text{ width:100%; padding:9px 0px 6px 8px;}
.join h3 a{ padding:8px 7px 9px 9px}
.form_area1{ width:100%; margin:0px auto; position:inherit;}
.form_inner2 h3 { font-size:22px;}
.form_inner2{ width:97%; padding:0 0 0 3%;}
.form_inner2 p{ font-size:15px;}
.container_wrapper{ width:95%;}
.calculator{ width:95%; margin:0px auto;}
.calculator_left{ width:48%;}
.calculator_right { width:48%;}
.saving h4{ font-size:12px;}
.lorem_left{ width:43%;}
.lorem_right {padding: 20% 0; width: 42%;}
label{ margin-left:24px;}
.rental{ width:40%; padding-left:5px;}
.ipsum_left{ width:51%; padding-left:18px;}
.ipsum_right{padding: 10% 0; width: 42%;}
.rental1{ width:37%; margin:0px 12px;}
.payments_left{ width:43%; padding-left:18px;}
.payments_right{padding: 15% 0; width: 42%;}
.payments_right h5{ text-align:center; margin:0px; font-size:12px;}
.cheack_box_text{ margin-left:5px;}
.amount h6 span{  margin: 21px 0px -23px 115px; display:block;}
.amount{ padding:8px 0px;}
.calculator{ padding:39px 0px;}
.cheack_box p{ margin-left:8px;}

.cooler_wrapper{ width:95%;}
.cooler_left{ width:100%;}
.cooler_right{ width:100%;}
.enquri_text{
    margin: 5px 1% 0 0;
    padding: 10px 0 10px 10px;
    width: 46%;
   }  
.enquri_type { width:48.5%; }
.text_area{ width:95%; margin-top:5px;}
.royal_right img{ padding:7px 2% 5px 2%; width:96%; height:auto;}
.captcha-398 .enquri_text {
    margin: 5px 1% 0 0;
    padding: 10px 0 10px 10px;
    width:70%;
    }
.submit2{ padding:8px; font-size:14px;}
.royal_right h3 { font-size:22px; text-align:center;}
.news_wapper{ width:95%;}
.news_left{ width:48%;}
.news_right{ width:48%;}
.information_wrapper{ width:95%; padding:40px 0px;}
.info_left{ width:30%;}
.info_right{ width:65%;}
.product_wrapper{ width:95%;}
.product_left{ width:48%;}
.product_right{ width:48%;}
.recommand{ width:100%;}
.recommand_left{ width:100%; margin-bottom:10px;}
.recommand_right{ width:100%}
.recommand_left h5 a{ padding:15px 32px;}
.recommand_right h6 a{ padding:14px 24px;}
.like_wrapper { width:95%;}
.like_left{ width:46%; margin-right:2%; margin-bottom:20px; margin-left:2%;}
.like_right{ width:46%; margin-right:17px;}
.like_left h4 a {padding:15px 23px;}
.like_right h4 a { padding:15px 23px;}
.like { padding:30px 0px;}
.thanks{ width:95%;}
.home_left_less,
.left_less_wraper{ margin-left:0;}
.map iframe{ width:100%;}
.social p{ text-align:center; padding-bottom:10px;}
.social p a{ padding-top:10px; display:inline-block;}
.like_wrapper h3{margin-bottom:15px;}
.like_wrapper h3{ margin-bottom:15px;}
.water{ margin:5px 0 0 0;}
.footer_wrapper .contact{ width:100%;}
.form_inner h3 br{ display:none;}
.copy_right{ padding: 15px 2%; width: 96%;}
.form2 img{ width:auto; height:auto}
.systems_wrapper h3{ padding-bottom:15px;}
.form_inner h3{ font-size:30px; line-height:30px;}
.mobile_cacl{display:block; float:left; width:48%}
.mobile_cacl .calculator_right{ display:block; width:100%;} 	
.calculator_left{ float:right;}
.mobile_cacl{display:block; float:none; width:100%}
.calculator_right{ /*display:none;*/}
.mobile_cacl .calculator_right{ display:block; width:100%;} 	
.calculator_left{ float:none; width:100%;}
.lorem_left,
.payments_left,
.ipsum_left{ float:right;}
.lorem_right,
.payments_right,
.ipsum_right{ float:left;}
.total span{ display:inline-block; float:left; padding-top:8px}
.total {
    float: right;
    margin: 10px 10px 0 0;
    }
.rental3{ margin:0 6px;}
.total{ width:190px;}	
.saving h4{ margin:0 10px}
.amount{ margin-bottom:15px;}

.header_top,
.logo{ display:none;}
.mobile_header{ display:block;}
.mobile_header .header_top {
    display: block;
    float: right;
    width:100%;
   }
.mobile_header .logo {
    display: block;
    float: left;
    width:100%;
	text-align:center;
   }
.social br{ display:block;}
.CompanyName .enquri_text{ margin-left: -5px !important;  width: 46% !important;}
.google-map-placeholder{ width:100% !important}
}




@media only screen and (max-width: 479px) {
    .calculator_right div
    {
        float: none !important;
        height: auto !important;
        width: 98% !important;
    }

nav{width:100%; margin:8px 0px 0px 0px; text-align:center; float:inherit; } 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; 
padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13; text-transform:uppercase; text-align:center;}

nav ul li a{border-bottom:1px solid #4460ae; display:block; padding:8px 0px; height:auto; line-height:normal; font-size:14px; 
margin:0px; color:#747474;  height:auto; width:auto; background:#fff; text-align:left;}

nav ul li a.active{color:#C59F04; background:none;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}
nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}
nav a#pull {display: block;	width: 100%; position: relative; background:#4460ae; margin:0px 0 0px 0; color:#fff; 
text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  
nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}
nav ul li a:hover, nav ul li.current_page_item a{ border-radius:0px;}
.header_wrapper{ width:95%;}
.social{ width:100%; float:inherit;}
.callus { width:100%; margin:0 auto; float:inherit;}
.callus p a{ position:inherit; padding:15px 4%; font-size:15px;}
.callus p img{
	padding:0px 0px 0px 2px;
    float: left;
    margin: 10px 14px 0 0;
	}
.callus p a span{ font-size:24px; display:inline-block; text-align:left; margin-top:2px;}
.caption{ width:100%;}
.caption_bar{ width:100%; position:inherit;}
.logo{ width:100%; float:inherit; text-align:center;}
.logo img{ width:30%;}
.header_manu{ width:100%; float:inherit; margin-top:10px;}
.banner img{ height:auto;}
.form{ width:100%; margin-top:-5px; float:inherit;}
.form_area { margin: 0 auto;
    padding: 15px 0;
    position: inherit;
    width: 100%;
	}
.form_inner {
	margin: 0 auto;
    padding-left: 0;
    width: 95%;
	}
.submit{ padding:10px 15px;}
.input{width:95%;}
.type{ width:99%; margin-top:5px;}
.largest_supp{ width:95%; padding:25px 0px 10px 0px;}
.largest_supp h3 {  padding-bottom:10px;}
.largest_right img{ width:100%;}
.largest_left img{ width:100%;}
.largest_left{ width:98% !important; margin:10px 0px 0px 0px; float:inherit;}
.largest_right{ width:98% !important; text-align:center; float:inherit;}
.largest_bar{
    margin:-16px 0 15px;
    padding-left: 0;
    padding-right: 0;
    position: inherit;
    width: 100%;
	}
.largest_caption{ width:100%;}
.water_detail{ width:95%; padding:15px 0}
.water_left { width:95%; float:left;}
.water_right { width:95%; float:left;}
.drop{ width:20%;}
.quality { width:70%;}
.box{ padding-bottom:15px;}
.royal_wrapper{ width:95%;}
.royal_left{ width:95%; margin:0px auto; float:inherit;}
.royal_right{ width:95%; margin:0px auto; float:inherit;}
.systems_wrapper{width:95%;}
.icon{ float:none;width:100%;}
.icon img{ width:28%; padding:0 15px 0 0; margin-bottom:20px;}
.icon2{ float:none;width:100%; text-align:center; float:inherit;}
.footer_wrapper{ width:95%;}
.footer_navigation{ width:95%; float:inherit; text-align:center;}
.menu_pic{ text-align:center; margin-left:100px;}
.important{ width:95%; float:inherit; text-align:center; margin-top:10px;}
.contact{ width:95%; margin-top:10px; float:inherit; text-align:center;}
.purchase_left{ float:inherit; width:95%;}
.email{ width:80%;}
.email_text{ width:96%; padding-bottom:9px;}
.join { width:19%;}
.purchase_right{ width:100%; margin-top:10px;}
.footer_navigation ul li a { padding-top:15px;}
.important ul li a  { padding-top:15px;}
.contact img { margin:15px 0px;}
.banner img { height:auto;}
.form_area1{ width:100%; margin:0px auto; position:inherit;}
.form_inner2{ width:95%; margin:0px auto; padding:0px; text-align:center;}
.container_wrapper{ width:95%;}
.calculator{ width:95%; margin:0px auto; padding:34px 0px;}
.calculator_left p{ margin-top:20px; line-height:22px;}
.calculator_left{ width:100%; float:inherit;}
.calculator_right{ width:100%; float:inherit;}
.saving h4{ margin:0px; padding:0px;}
.lorem_left{ width:48%;}
.lorem_right{ width:32%; padding:101px 0px;}
label{ margin:0px;}
.ipsum_left { width:60%;}
.ipsum_right{ width:32%; padding:56px 0px;}
.rental1{ width:40%; margin:0px;}
.payments_left{ width:48%;}
.payments_right{ width:32%; padding:87px 0px;}
.payments_right h5{ margin:0px; padding:0px; font-size:13px;}
.cheack_box_text{ width:10%; margin:0px;}
.amount h6{ font-size:12px;}
.amount h6 span{ display:block;margin: 14px 0px -24px -102px;}
.amount{ padding:10px 0px;}
.cooler_wrapper{ width:95%;}
.cooler_left{ width:95%; float:inherit; margin:0px auto;}
.cooler_right{ width:95%; padding-top:10px; float:inherit; margin:0px auto;}
.enquri_text{ width:95%;}
.captcha-398 .enquri_text{ width:59%;}
.royal_right img{ padding:7px 2% 5px 2%; width:96%; height:auto;}
.systems_wrapper,
.footer_wrapper{ padding:20px 0 0 0;}
.enquri_type { width:99%; margin-top:10px;}
.text_area{ width:95%;}
.form2{margin-top:15px;}
.news_wapper{ width:95%;}
.news_left{ width:95%; padding:0px; float:inherit; margin-bottom:20px;}
.title{ padding-bottom:20px;}
.news_right{ float:inherit; width:95%;}
.title h4{ margin-top:20px;}
.information_wrapper{ width:95%; padding:30px 0px;}
.info_left { width:95%; margin:0px auto; float:inherit; padding-top:25px;}
.info_right{ width:95%; margin:0px auto; float:inherit; }
.product_wrapper{ width:95%; padding:37px 0px;}
.product_left{ width:100%; float:inherit;}
.product_right{ width:100%; margin-top:10px; float:inherit;}
.recommand{ width:100%;}
.recommand_left{ width:100%;}
.recommand_right{ width:100%;}
.recommand_left h5 a {
    font-size:15px;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin-bottom:7px;
}
.recommand_right h6 a {
    font-size:15px;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.like_wrapper{ width:95%; padding-top:15px;}
.like_wrapper h3{ text-align:center; margin-bottom:15px;}
.like_left{ width:100%; text-align:center; margin-bottom:20px; margin-left:0px; float:inherit;}
.like_right{ width:100%; text-align:center; float:inherit;}
.like { padding:30px 0px;}
.thanks{ width:95%;}
.home_left_less,
.left_less_wraper{ margin-left:0;}
.map iframe{ width:100%;}
.social p{ text-align:center; padding-bottom:10px;}
.social p a{ padding-top:10px; display:inline-block;}
.water{ margin:5px 0 0 0;}
.footer_wrapper .contact{ width:100%;}
.form_inner h3 br{ display:none;}
.copy_right{ padding: 15px 2%; width: 96%;}
.form2 img{ width:auto; height:auto}
.systems_wrapper h3{ padding-bottom:15px;}
.form_inner h3{ font-size:30px; line-height:30px;}
.mobile_cacl{display:block; float:none; width:100%}
.mobile_cacl .calculator_right{ display:block; width:100%;} 	
.calculator_left{ float:none; width:100%;}
.lorem_left,
.payments_left,
.ipsum_left{ float:right;}
.lorem_right,
.payments_right,
.ipsum_right{ float:left; padding-left:2%;}
.total span{ display:inline-block; float:left; padding-top:8px}
.total {
    float: right;
    margin: 10px 10px 0 0;
    }
.rental3{ margin:0 6px;}
.total{ width:190px;}	
.saving h4{ margin:0 10px}
.amount{ margin-bottom:15px;}
.form_inner2 h3 {
    font-size: 22px;
}
.like_left img{
  border:1px solid #e5e5e5;
  }
.prodect_thumbs{ text-align:center; border:none; min-height:inherit;}  
.like_left p a{ height:auto;}

.header_top,
.logo{ display:none;}
.mobile_header{ display:block;}
.mobile_header .header_top {
    display: block;
    float: right;
    width:100%;
   }
.mobile_header .logo {
    display: block;
    float: left;
    width:100%;
	text-align:center;
   }
.social br{ display:block;}
.google-map-placeholder{ width:100% !important}

/******** C - changes **********/
.callus p{
    text-align:center;
}
}

/************ C - changes *************/
/*
.callus p a{
    position:relative;
}
.form{
    width: 100%;
}
.form_area{
    width: 100%;
    position:relative;
    margin: -4px 0 0 0;
}
.form_inner{
    width:94%;
}
.form1{
    width: 100%;
}
.form_area1{
    width: 100%;
    position:relative;
    margin: -4px 0 0 0;
}
.form_inner2{
    width:94%;
}
.form_inner2 .submit{
    padding: 5px 50px;
    font-size: 18px;
    margin-bottom:30px;
    width:auto;
}
.input, .type{
    width:98%;
    margin:5px 0 0 0;
    padding: 8px 1%;
}
.submit{
    padding: 5px 65px;
    font-size: 18px;
    margin-bottom:30px;
}
*/

@media only screen and (min-width: 1025px) and (max-width: 1320px) {
.form{
    position:relative;
}
.form_area{
    bottom:14px;
}
.form_area1{
    bottom:20px;
}
.submit{
    padding:6px 158px;
}
.form_inner h3{
    font-size:22px;
}
.form_inner2 h3{
    font-size:22px;
}
}

@media only screen and (max-width: 1215px){
    .royal_wrapper{
        width:100%;
    }
    .royal_left{
        width:48%;
        margin: 0 1%;
    }
    .royal_right{
        width:48%;
        margin: 0 1%;
    }
    .royal_right img{
        padding:0;
        margin:0;
        display:block;
    }
}

@media only screen and (max-width: 1160px){
    .header_wrapper{
        width:100%;
    }
    .caption_bar{
        width:100%;
    }
    .royal_wrapper{
        width:100%;
    }

    .royal_wrapper h3{
        text-align:center;
    }

    .calculator_left{
        width:94%;
        margin:25px auto;
        float:none;
    }
    .calculator_right{
        width:94%;
        margin:25px auto;
        float:none;
    }

    .lorem_left, .lorem_right, .ipsum_left, .ipsum_right, .payments_left, .payments_right{
        width:46%;
        padding:2%;
        float:left;
    }

    .largest_supp{
        width:97%;
    }

    .largest_left{
        width: 24%;
        margin-right:1%;
    }
    .largest_right{
        width: 24%;
        margin-right:1%;
        float:left;
    }
    .largest_caption{
        width:100%;
        position:relative;
    }
    .largest_bar{
        width: 92%;
        bottom: 22px;
        margin: 0 auto;
        left: 4%;
    }
    .largest_bar h4 a{
        font-size:16px;
    }
    .water_detail{
        width:98%;
    }
    .water_left, .water_right{
        width:49%;
    }
    .drop{
        width:19%;
        margin-right:1%
    }
    .quality{
        width: 80%;
    }

    .footer_wrapper{
        width:97%;
    }
    .footer_navigation{
        width:20%;
    }
    .important{
        width:20%;
    }
    .contact{
        width:59%;
        float:left;
    }
    .enquri_text{
        width:98%;
        margin:5px 1% 5px 0;
    }
    .enquri_type{
        width:98%;
        margin:5px 1% 5px 0;
    }
    .text_area{
        width:98%;
        margin:5px 1% 5px 0;
    }

}

@media only screen and (max-width: 1133px){
    nav ul li a{
        font-size:13px;
    }
    .product_wrapper{
        width:100%;
    }
    .product_wrapper h2{
        margin:0 2% 25px;
    }
    .product_left{
        width:36%;
        margin: 0 2%
    }
    .product_right{
        width:60%;
        float:left;
    }
    .like_wrapper{
        width:96%;
        margin: 0 2% 30px;
    }
    .left_less_wraper{
        margin:0;
    }
    .like_left{
        width: 21%;
        margin: 0 2% 30px;
    }
    .like_left p a{
        min-height:88px;
    }
    .cooler_wrapper{
        width: 100%;
    }
    .cooler_left{
        width:46%;
        margin:0 2%;
    }
    .cooler_right{
        width:46%;
        margin:0 2%;
    }
    .royal_wrapper{
        width:98%;
        margin:0 1%;
    }
    .news_wapper{
        width: 100%;
    }
    .news_left{
        width:50%;
    }
    .thanks{
        width:100%;
    }
}

@media only screen and (max-width: 1079px){
    nav ul li a{
        padding:9px 5px;
    }
    .email_text{
        width:100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .form_area,
    .form_area1 {
        right: 0;
        top: 0;
        margin: 0;
        width: 50%;
        padding: 10px 0;
    }
    .form_inner h3,
    .form_inner2 h3 {
        font-size: 16px;
        text-align: center;
    }
    .form_inner p,
    .form_inner2 p {
        font-size: 14px;
        text-align: center;
    }
}

@media only screen and (max-width: 1023px) {
.CompanyName input {
    margin-left: 0;
}
}

@media only screen and (max-width: 940px){
.footer_navigation{
    width:50%;
}
.important{
    width:50%;
}
.contact{
    width:98%;
}
}

@media only screen and (max-width: 768px){
.lorem_left, .lorem_right, .ipsum_left, .ipsum_right, .payments_left, .payments_right{
    width:96%;
    padding:2%;
    float:left;
}

.largest_left{
    width: 48%;
    margin:1%;
}

.largest_right{
    width: 48%;
    margin:1%;
    float:left;
}

.largest_left img{
    width:100%;
}
.largest_bar{
    left: 4%;
    position: absolute;
    bottom: 26px;
}

.water_left, .water_right{
    width:99%;
}

.royal_left{
    width:98%;
    margin: 0 1%;
}
.royal_right{
    width:98%;
    margin: 0 1%;
}
.like_left{
    width:46%;
}
.like_left h4 a {
    padding: 10px 0;
    width: 100%;
    text-align: center;
}
.royal_wrapper h3{
    margin-bottom:20px;
}
}

@media only screen and (max-width: 479px) {
.drop {
    width: 98%;
    margin-bottom: 15px;
    text-align: center;
}

.quality {
    width: 98%;
    text-align: center;
}
.footer_navigation{
    width:98%;
    margin-bottom:20px;
}
.important{
    width:98%;
    margin-bottom:20px;
}
.contact{
    width:98%;
    margin-bottom:20px;
}
.menu_pic{
    width: 121px;
    margin: 10px auto;
}
.like_left{
    width:96%;
}
.like_left img{
    position:relative;
}
.product_left{
    width:96%;
}
.product_right{
    width:96%;
    margin:0 2%;
}
.cooler_left{
    width:96%;
}
.cooler_right{
    width:96%;
}
.news_wapper{
    background: transparent;
}
.news_left{
    width:100%;
}
}