﻿@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 1400px) {
	
	.icclogo {
    
    width: 85px;
    height: 85px;
	
}



@media screen and (max-width: 1300px) {
	.banner-holder { padding-top: 120px}
	.headerContact{ display: none;}
	.header-contact-mob{ display:block; padding: 5px;
background: #eaeaea; text-align: center; font-size: 20px}
	header{ padding: 0; height: 120px}
		.logo{ float: left; margin-top:10px}
	.link {

    display: inline-block;
    width: 80%;
    text-align: center;
    margin: 0 10px;
    vertical-align: middle;
		margin-top: 10px
	}
	
	.banner-form{ width: 240px; top:380px}
	.icclogo {
    top: 20%;
    width: 80px;
    height: 80px;
}
	
	
}
@media screen and (max-width: 1200px){ .banner-form{ width: 240px; top:280px}



@media screen and (max-width: 950px){
	.section1-R{ text-align: center;}
	.section1-R img {width: 400px;}
	
	.section1-R1{ text-align: center; max-width: 100%; box-shadow: none;

border: 0;}
	.section1-R1 img {width: 50%;}


}
@media screen and (max-width: 650px){#tabs2 p{ width: 100%;} .section1-R1 img {width: 100%;}


	

	
@media screen and (max-width: 950px) {
	.priceHead{font-size: 30px;}
	
	header{ padding: 0; height: 120px}
	
	.headerContact{ display: none;}
	
	.header-contact-mob{ display:block; padding: 5px; background: #eaeaea; text-align: center; font-size: 20px;}
	.logo{ float: left; margin-top:10px;}
	.banner-holder { padding-top: 120px; max-height: none; }
	.banner-form{ position: relative; left:0; width: 100%; bottom: 0; top: 0px; height: auto;	 }
	h2 {font-size: 30px;}
	.section1-R {width: 100%; float: left; ;}
		.section1-R2 {width: 100%; float: left; ;}
	.section1-R1 {width: 100%; float: left; ;}
    .section1-R3 {width: 100%; float: left; ;}

	.section1-L { width: 100%; padding: 10px; float: right;}
	.section1-L h3 {font-size: 16px;line-height: 22px;}
		.section1 h2{font-size: 30px;}
	.section1-L1 { width: 100%;}
    .section1-L3 { width: 100%;}
	.section2 h2 { font-size: 30px}
	#tabs li a, #tabs2 li a, #tabs3 li a, #tabs4 li a, #tabs5 li a {padding: 10px 20px !important;}
	#tabs p{ width: 80%; height: auto; margin: 0 5px;}
	#tabs ul { padding: 0;}
	ul{ padding: 0;}
	
	.contactL { width: 100%;}
	.contactR{ width: 100%; max-height: 255px;}
	.con-inner{width: 40%; margin-right: 10px; display: inline-block;}
	.dis-light h2{ font-size: 18px;}
.dis-light p{ font-size: 12px ;}
	
	.icclogo {
    top: 20%;
    width: 40px;
    height: 40px;
}
	
	.icclogo-banner{
    top: 27%;
	 left: 4.5%;
    width: 50px;
    height: 50px;
   
	}
	
	.owl-theme .owl-nav [class*="owl-"]{margin: 55px 5px 5px 5px !important; font-size: 40px !important}
	.owl-prev span, .owl-next span{margin-top: -10px !important;}
}

@media screen and (max-width: 768px) {
	.price-banner p{border-right:none; border-bottom:1px solid #ddd;padding-top: 10px;}
	.price-banner p:last-child{border-right:none; border-bottom:none;}
	
	.banner-holder img{height:auto}
	
	
	.priceHead {
    background: rgba(255,255,255,0.8);
    /* font-size: 38px; */
    color: #000;
    /* text-align: center; */
    padding: 10px 10px;
    position: relative;
    bottom: 0px;
    z-index: 8;
    display: inline-table;
    width: auto;
    margin: 0px auto;
    right: 0;
}

	}
	
	
	
	
	