@media only screen and (max-width: 767px){
	
	.headerbottomArea .mobilemenu { padding: 0 5px; display: block; font-size: 25px; color: #f47e00; text-decoration: none; position: absolute; top: 12px; right: 15px; border: 1px solid #d41c1c; z-index: 2; }
	.headerbottomArea .mobileheader { display: block; }
	.headerbottomArea .mobileheader ul li a img { max-width: 60%; }
	.headerbottomArea .mobilemenuArea { position: absolute; top: 100%; left:0; z-index:2; background: #333; }
	.headerbottomArea .mobilemenuArea ul li { width: 100%; float: left; }
	.headerbottomArea .mobilemenuArea ul li a {  color: #fff;
    text-decoration: none;
    font-size: 16px;
    width: 100%;
    float: left;
    padding: 0 15px;
    line-height: 30px; }
	.headerbottomArea .mobilemenuArea ul li a:hover { color: #f47e00; background: #fff; }
	.headerbottomArea .mobilemenuArea ul li ul.sub-menu { padding: 0 0 0 10px;}
	.headerbottomArea .mobilemenuArea ul li ul.sub-menu li a:before { content: "\f105"; font-family: FontAwesome; font-size: 22px;height: 30px; float: left;  width: 30px; display: inline-block; color: #fff; text-align: center; line-height: 25px;}
	.headerbottomArea .mobilemenuArea ul li ul.sub-menu li a:hover:before { color: #f47e00; }
	.headertopArea { display: none; }
	.mobiletopheader { display: none; }
	.headerbottomArea { position: relative; }
	.headerbottomArea .headerimg { display: none; }
	.headerbottomArea .col-xs-12.col-sm-7.col-md-7.col-lg-7 { display: none; }
	.headerbottomArea .col-xs-12.col-sm-1.col-md-1.col-lg-1 { padding-right: 0; width: 20%; }
	.headerbottomArea .col-xs-12.col-sm-4.col-md-4.col-lg-4 { width: 70%; }
	.headerbottomArea .logotext {padding: 0px 0 0 1px; display: block; }
	.headerbottomArea .logotext a { font-size: 23px; }
	.bannerArea { height: 350px; }
	.bannerArea .bannertext { height: 350px; padding: 75px 0 0 0; }
	.bannerArea .bannertext p {width: 100%;
font-size: 25px;
text-align: center;
padding: 71px 0px 0px 0px;}
	
	.headerbottomArea .col-xs-12{
		text-align: left;
	}
	
	.col-xs-12 {
    width: 99%;
    text-align: center;
}

.headerbottomArea .logoimg{
	width: 57%;
	padding: 5px;
}


#bannerwrapper .owl-buttons .owl-next::after{
	background:none;
}



#bannerwrapper .owl-buttons .owl-prev::after{
	background:none;
}

.productArea .productitem {
    margin-bottom: 22px;
   float:none;
    display: inline-block;
}
	
	.welcomeArea .welcometitle h2{
	font-size: 34px;
	}
	.welcomeArea .welcometitle p{
		font-size:18px;
	}
	
	.welcomeArea{
		padding: 54px 0;
	}
	
	
	.welcomeArea .welcometext p{
		font-size:13px;
		text-align:justify;
	}
	.offerArea p{
		font-size:34px;}
	
	.footerArea{
		float:none;
		text-align:center;
	}
	
	
	.networkArea .network .networklist .distributorlogo{
		text-align:center;
	}
	
	.networkArea .network .networklist .distributorlogo img{
		display:inline;
	}
	.networkArea .network .owl-buttons .owl-prev::after{
		left:0;
	}
	
	.networkArea .network .owl-buttons .owl-next::after{
		right:0;
	}
	
	
	
	.innerpageArea h2{
		margin: 0 0 9px 0;
font-size: 38px;
	}
	.innerpageArea.innerpageArea1 p{
		font-size: 17px;
text-align: justify;
	}
	
.categorypage h1 {
    margin-bottom: 5px;
}

h1, .h1 {
    font-size: 25px;
}

.categorypage h2 {
    margin: 0 0 13px 0;
    font-size: 22px;	
	
	
	
}

.categorypage p {
    font-size: 17px;
    margin-bottom: 16px;
    text-align: justify;
}

.categorypage ul li{
	text-align: left;
	font-size:16px;
}

.sidebar h4{
	text-align:left;
	font-size: 17px;
}


.sidebar h3 {
    font-size: 25px;
    margin: 11px 0 11px 0;
}


.categorypage img{
	display:inline-block;
}

.innerpageArea.innerpageArea1 .col-xs-12.col-md-4.col-sm-4.col-lg-4{
	width:33%;
}



}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	.col-xs-12 {
    width: 50%;
	}
	
	.menuArea{
	display:none;
}
	
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
		.headerbottomArea .mobilemenu { padding: 0 5px; display: block; font-size: 25px; color: #f47e00; text-decoration: none; position: absolute; top: 12px; right: 15px; border: 1px solid #d41c1c; z-index: 2; }
	.headerbottomArea .mobileheader { display: block; }
	.headerbottomArea .mobileheader ul li a img { max-width: 60%; }
	.headerbottomArea .mobilemenuArea { position: absolute; top: 100%; left:0; z-index:2; background: #333; }
	.headerbottomArea .mobilemenuArea ul li { width: 100%; float: left; }
	.headerbottomArea .mobilemenuArea ul li a {  color: #fff;
    text-decoration: none;
    font-size: 16px;
    width: 100%;
    float: left;
    padding: 0 15px;
    line-height: 30px; }
	.headerbottomArea .mobilemenuArea ul li a:hover { color: #f47e00; background: #fff; }
	.headerbottomArea .mobilemenuArea ul li ul.sub-menu { padding: 0 0 0 10px;}
	.headerbottomArea .mobilemenuArea ul li ul.sub-menu li a:before { content: "\f105"; font-family: FontAwesome; font-size: 22px;height: 30px; float: left;  width: 30px; display: inline-block; color: #fff; text-align: center; line-height: 25px;}
	.headerbottomArea .mobilemenuArea ul li ul.sub-menu li a:hover:before { color: #f47e00; }
	.headertopArea { display: none; }
	.mobiletopheader { display: none; }
	.headerbottomArea { position: relative; }
	.headerbottomArea .headerimg { display: none; }


.headerbottomArea .col-xs-12{
		text-align: left;
	}


.menuArea{
	display:none;
}

.innerpageArea.innerpageArea1 .col-sm-9{
	width:100%;
}

.headerbottomArea .menuArea{
	display:block;

}

.headerbottomArea .logotext a{
	font-size:23px;
}
  
  
  .headertopArea .mailimg img{
	  display:none;
  }
  
  .headertopArea .phonetext a{
	  font-family: 'Roboto', sans-serif;
	  font-size: 15px;
  }
  
 .headertopArea .mailtext p{
	 font-size:14px;
 }
 
 .bannerArea .bannertext p{
	 width: 45%;
font-size: 33px;
 }
 
 
 #bannerwrapper .owl-buttons .owl-prev::after{
	 font-size: 50px;
height: 47px;
width: 47px;
line-height: 47px;
 }
 
 #bannerwrapper .owl-buttons .owl-next::after
 {
	 
	 	 font-size: 50px;
height: 47px;
width: 47px;
line-height: 47px;
 }

.col-sm-3{
	width:50%;
}

.welcomeArea .welcometext p
{
	margin: 0 0 15px 0;
	font-size: 14px;
	text-align:justify;
}

.welcomeArea .welcometitle h2{
	font-size: 47px;
}
.welcomeArea .welcometitle p{
	font-size:25px;}
	
.welcomeArea .welcometext a::before{
	border-width: 24px 0px 30px 30px;}
	
	.welcomeArea .welcometext a{
		line-height: 54px;
		font-size: 20px;
		padding: 0 17px 0 20px;
	}
	
	.welcomeArea{
		padding: 50px 0;
	}
	.offerArea p{
		font-size:30px;
	}
	
	.offerArea a{
		padding: 0 15px 0 33px;
		font-size: 17px;
		line-height: 52px;
	}
	
	.offerArea a::before{
		border-width: 22px 0px 30px 30px;
	}
	
	.networkArea h2{
		font-size:45px;
	}
	
	
	.footerArea p{
		text-align:center;
	}
	
	
	
	.innerpageArea h2{
		margin: 0 0 14px 0;
font-size: 34px;}

.innerpageArea.innerpageArea1 p{
	font-size: 16px;
text-align: justify;}	
	

}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
.headerbottomArea .menuArea{
	display:block;
}

.menuArea{
	display:none;
}

.innerpageArea.innerpageArea1 .col-md-3{
	width:25%;
}

.headertopArea .mailtext p{
	font-size: 14px;
}

.innerpageArea h4{
	font-size:15px;
}
.innerpageArea h3{
	font-size: 24px;
}

.headertopArea .mailimg img{
	max-width: 50%;
}
.headertopArea .phonetext a{
	font-size:18px;
	font-family: 'Roboto', sans-serif;
}
	
	.headerbottomArea .logotext a{
		font-size: 32px;
	}
	
.bannerArea .bannertext p{
	width: 42%;
font-size: 34px;
text-align: left;
}
#bannerwrapper .owl-buttons .owl-prev::after{
	height: 52px;
width: 52px;
line-height: 53px;
}

#bannerwrapper .owl-buttons .owl-next::after{
	height: 52px;
width: 52px;
line-height: 53px;
}
.col-md-3{
	width:33%;
}

.welcomeArea .welcometitle h2{
	font-size:44px;
}
.welcomeArea .welcometitle p{
	font-size:22px;
}
.welcomeArea .welcometext p{
	text-align:justify;
}
.welcomeArea{
	padding: 59px 0;
}
.welcomeArea .welcometext a{
	padding: 0 15px 0 25px;
	font-size:18px;
	line-height: 54px;
}

.welcomeArea .welcometext a::before{
	border-width: 24px 0px 30px 30px;
}
.offerArea p{
	font-size: 32px;
}

.offerArea a{
	padding: 0 15px 0 25px;
	font-size: 18px;
	line-height: 53px;
}
.offerArea a::before{
	border-width: 23px 0px 30px 30px;
}

.innerpageArea h2{
	margin: 0 0 10px 0;
font-size: 37px;
}


.innerpageArea.innerpageArea1 p{
	font-size: 17px;
text-align: justify;
}
	

}