@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: none;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
body {
	font-family: "DM Sans", sans-serif;
	font-weight:400;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	padding: 0;
	margin: 0;
	list-style: none;
}
p, h1, h2, h3, h4, h5, ul {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}
.clearall {
	clear: both;
	height: 1px;
	width: auto;
}
.dsplay {
    width: 100%;
	float:left;
}
.bdhding {
    font-weight: bold;
    font-size: 32px;
    line-height: 45px;
    color: #000;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
	
}
.bdhding span { font-weight: 700; display: block; color: #21b4ff;}
* {
	box-sizing: border-box;
}
.container {
	width: 1170px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position:relative;
}

.fl-right{ float:right !important;}
.show-767{display: none;}
/*===============================
CSS FOR CONTAINERS BREAK POINTS
=================================*/
@media only screen and (max-width: 1187px){
.container{ max-width:1004px; width:100%; }

.bdhding { font-size: 32px;  line-height: 42px;}
}
@media only screen and (max-width: 1023px){
.container{ max-width:760px; width:100%; }
.bdhding{ font-size: 30px; line-height: 42px;}
.bdfont {font-size: 16px; line-height: 26px;  margin-top: 10px;}

}
@media only screen and (max-width: 767px){
.bdinpad{padding:0 15px;}
.bdhding{font-size: 24px; line-height: 34px;}
.bdhding span{ font-size: 24px; line-height: 34px;}
.bdfont{ font-size: 15px; line-height: 26px;}

.hide-767, .show-desk{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 359px){
.bdsubhding{
	font-size:30px;
	line-height:38px;
}
}
/*=========================
CSS FOR HEADER
===========================*/
.top-fix-bar {margin-bottom: 76px;}
.header{		
	height: 75px;
    margin-top: -75px;
    position: relative;
    top: 75px;
    border-bottom: 1px solid #dedede;
}
.fixed-nav .header{
	float:left;
	width:100%;
	position: fixed;
	z-index: 1000;
	top: 0;
	-webkit-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
	margin-top:0;
	height:75px;
	background: #fff;
}
.logo {
	float: left;
    margin: 14px 0 0px 0;
    max-width: 206px;
}
ul.nav {    
	float: right;
    margin: 23px 0 0 160px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;}
ul.nav li{
	    float: left;
    margin: 0px 0 0 0;
    padding: 0px 10px;
}
ul.nav li a{color: #000;font-size: 17px; line-height: 36px;}
.fixed-nav .header ul.nav li a{color: #000; }
.fixed-nav .header ul.nav li a:hover{color: #000; }
ul.nav li.active, ul.nav li:hover{
	color: #21b4ff;
    border-radius: 30px;
}
ul.nav li.active a, ul.nav li:hover a{color:#000}
ul.nav li:last-child{margin-right:0;}
ul.nav li:last-child a:hover, ul.nav li:last-child a.active{
	background:none;
	color:#000;
	border-radius:0;
}
ul.hed-right {
    float: right;
	margin-top:20px;
}
ul.hed-right li{ display:inline-block; vertical-align:middle; margin-left:13px;}
#menu-wrapper {
    overflow: hidden;
    max-width: 40px;
    cursor: pointer;
	float:right;
}
#menu-wrapper #hamburger-menu {
    position: relative;
    width: 25px;
    height: 20px;
    margin: 18px 0 5px 0;
}
#menu-wrapper #hamburger-menu span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    color: black;
    background-color:#1d1d1d;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
#menu-wrapper #hamburger-menu span:nth-child(1) {top: 0;}
#menu-wrapper #hamburger-menu span:nth-child(2) {top: 9px;}
#menu-wrapper #hamburger-menu span:nth-child(3) {top: 18px;}
#menu-wrapper #hamburger-menu.open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#menu-wrapper #hamburger-menu.open span:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -60px;
}
#menu-wrapper #hamburger-menu.open span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#menu-container .menu-list {
    padding-left: 0;
    display: block;
    position: absolute;
    width: 100%;  
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    left: -100%;
	top:55px;	
	background:#d7d7d7;
	border-top:1px solid #ffeaef;	
}
#menu-container .menu-list  li a{	
	font-size:18px;
	padding:12px 0 12px 0;
	text-align:center;
	color:#000;
	display:block;
	border-bottom:1px dotted #fff;	
}
#menu-container .menu-list  li a.active{background:#fff;color:#21b4ff;}
@media only screen and (max-width: 1023px){
.header{height:55px; top:55px; margin-top:-55px;}
.top-fix-bar {margin-bottom: 55px;}
.fixed-nav .header{height:58px;}

.intop-fix-bar {margin-bottom: 87px;}
.logo{margin: 8px 0 0 0;   max-width: 130px;}
ul.nav li{display:none;}
ul.hed-right{ display:none;}
.cart-link{position:absolute;right:55px;top:9px;}
}
@media only screen and (max-width: 767px){
.logo{max-width: 148px; margin: 10px 0 0 0;}
.fixed-nav .header {height: 55px;}
ul.nav {float: right; margin: 0px 0 0 14px;}			
}

/* SECTOIN-1 CSS */

.bdhding1{	
	font-size:20px;
	line-height:28px;
	color:#a5a5a5;
}
.bdhding2{
	font-size: 38px;
	line-height: 44px;
    color: #000;
    display: inline-block;
    width: 100%;
    font-weight: 700;
    text-transform: capitalize;
}
.bdfont{
       font-size: 17px;
    line-height: 26px;
    color: #222222;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
   }

/*================start banner===================*/
.banner{ 
	float: left;
    width: 100%;
    background: url(../images/banner.jpg) no-repeat center top;
    height:915px;
    padding: 0px 0 0px 0;
    position: relative;
    text-align: center;
}
.s1-inner {
	float: left;
    width: 39%;
    text-align: left;
    margin-top: 110px;
    }
.bnr-prodt{
	position: absolute;
    right: 0%;
    top: 480px;
	}	
.bnr-hd{
	font-size: 64px;
	line-height: 72px;
	color: #000;
	float: left;
	width: 100%;
	text-transform: capitalize;
	font-weight: 700;
}
.bnr-hd span {
    color: #ffea00;
}
.bnr-para{
	font-size: 17px;
	line-height: 26px;
	color: #000;
	margin-top: 18px;
	float: left;
	width: 100%;
}
.bnr-zip {
    position: absolute;
    top: -80px;
    right: -12px;
    max-width: 170px;
    transform: rotate(-20deg);
}
.bnrtxt2{
	    margin-bottom: 0;
    font-size: 24px;
    line-height: 38px;
    color: #000;
    float: left;
    width: 100%;
    text-transform: capitalize;
    letter-spacing: 2px;
    font-weight: 400;
}
.bnr-prd{
	position: absolute;
    right: 3%;
    top: 45px;
}
.s1-inner .bnrbtn{}
.bnr_icn1, .bnr_icn2{ position:absolute; top:215px; max-width:100%; }
.bnr_icn1{ left:0; }
.bnr_icn2{ right:0; }


ul.bnrstrip-list{ 
	float: left;
    width: 100%;
	margin-top:100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
	}	
ul.bnrstrip-list li{
	float: left;
    width: 32%;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    text-align: center;
    position: relative;
    padding: 48px 30px 48px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px 1px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 8px 1px rgb(0 0 0 / 10%);
	}	
ul.bnrstrip-list li span{
	display: block;
    font-size: 20px;
    line-height: 28px;
	font-weight:bold;
    margin-bottom: 5px;
}
ul.bnrstrip-list li img{
	display:block;
	margin:0 auto 15px;
	}	
@media only screen and (max-width: 1187px){
.s1-inner { width:56%;}	
.bnr-prd {right:0%;max-width: 470px;}
.bnrtxt{ width:66%; }
.bnr_icn1 { left: -50px;}
.bnr_icn2 { right: -50px;}
}
@media only screen and (max-width: 1023px){
.banner{ padding: 0px 0 30px; height: auto; background-size: cover; background-position:38% top;}	
.bnr-prodt { right: 0%;top: 364px;max-width: 350px;}
.s1-inner{width: 60%;margin-top: 80px;}
.bnr-hd { font-size: 55px; line-height: 58px;}
.bnrtxt2 { font-size: 22px; line-height: 32px; margin-bottom: 5px;}
.bnrtxt{ margin-top: 15px; font-size: 17px; line-height: 27px;  width: 75%;}
.bnr-prd{ top: 0; max-width: 300px;}
.bnr-para{font-size: 17px;line-height: 28px;font-weight: 400;margin-top: 12px; width: 100%; }
.bdhding2 { font-size: 33px; line-height: 40px;}
.bnr_icn1, .bnr_icn2 { top: 130px; max-width: 28%;}

ul.bnrstrip-list li{ text-align:center; padding:15px 5px;font-size: 15px;line-height: 24px;}
ul.bnrstrip-list li img{ position:static; margin:0 auto 8px;}

.bnrstrip .bdhding2 {font-size: 40px;line-height: 45px;}
.bnrstrip_lft { width: 52%; padding: 30px 0px 30px;}
.bnr-btm-img { right: -95px; top: -15px;}
}
@media only screen and (max-width: 767px){


.banner { height: auto; padding: 25px 0px 25px; background: url(../images/mob-bnr.png) no-repeat center top; background-size: auto;}	
.bnr-bag-mob{ margin: 10px auto 10px -10px; max-width: unset; display: inline-block; width: calc(100% + 20px);}
.bnr-hd { font-size:34px; line-height: 42px;}
.bnr-prodt { position: static;max-width: 270px;display: inline-block;margin: 8px auto 0px;}
.bnr-zip{ max-width: 90px;top: -50px;opacity: 0.4;}
.bnrtxt2 { line-height:27px; margin: 0px 0px 5px; }
.bnr-para{ font-size: 16px; margin-top: 10px; line-height: 24px; width: 96%;}

.s1-inner { float: none; display: inline-block; max-width: 100%; width: 100%; padding: 15px 15px; text-align: left; margin: 0px; background: rgba(255, 255, 255, 0.8);}

.bnrtxt{ width:100%; margin-top: 5px; font-size: 16px;  line-height: 26px;}
.bdhding2 { font-size:26px; line-height: 34px;}
.bnrprd{position:inherit; right:auto; top:auto;	width:300px; margin:20px auto 0 auto; display:block;}

.bnrstrip { padding: 15px 0; }
.bnrstrip .bdhding2 {font-size: 30px; line-height: 37px;}
.bnrstrip_inr{ float:none; display:inline-block; width:100%; text-align:center; }
.bnrstrip_lft{ float:none; display:inline-block; width:100%; text-align:center; padding:0 0; }
.bnr-btm-img{ position:static; display:block; margin: 10px auto -35px; max-width:350px; }
ul.bnrstrip-list { margin-top:20px;}
ul.bnrstrip-list li{width: 100%; font-size: 17px; border: none; padding: 15px 13px;}
ul.bnrstrip-list li img {margin: 0 auto 7px;max-width: 59px;}
ul.bnrstrip-list:before{ display:none;}
ul.bnrstrip-list li:nth-child(2){ border:none;}
ul.bnrstrip-list li span {font-size: 18px; line-height: 27px; margin-bottom: 2px;}
ul.bnrstrip2-list {justify-content: center;row-gap: 15px;height: auto;}
ul.bnrstrip2-list li{width: 100%;  max-width: 355px;  border: none; padding: 20px 90px 20px 20px; height: auto;}
ul.bnrstrip2-list:after{ display:none;}
ul.bnrstrip2-list li img{ max-width:56px; }
ul.bnrstrip2-list li span {font-size: 25px;line-height: 30px;}
ul.bnrstrip2-list li h3 {font-size: 25px; line-height: 35px; margin:10px 0 0;}
ul.bnrstrip2-list li:after{ display:none; }
}
/*================start section1===================*/
.sec1{     
	padding:50px 0;
    text-align:center;
	background:url(../images/sec1.jpg) no-repeat center top;
	overflow:hidden;
	background-size: cover;
	}
.s1-rgt{
    display: inline-block;
    width: 100%;
    padding: 0px 0 0px;
    text-align: center;
	}
.s1-rgt .bdfont{ width:80%;}
.s1-rit-hdg {} 
.s1-image1{
	float: left;
    max-width: 100%;
    margin: 25px 0 10px;
    border-radius: 12px;
	}	
.s1-rgt-hding{
	float: left;
    width: 28%;
	font-weight: 700;
    font-size: 55px;
    line-height: 60px;
    color: #fff;
    text-transform: uppercase;   
	}
.s1-rgt-hding span{
	display:block;
    font-size:133px;
    line-height:133px;}		
.s1-image{
	position: absolute;
    right: -12%;
    top: 0px;
	}
.s1-image2{
	float: right;
    max-width: 67%;
	}			
.s1-list{
	position: absolute;
    right: 0;
    top: 165px;
    width: 33%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap:14px;
    column-gap: 0px;
	z-index:1;
	}
.s1-list li{
	width:100%;
	font-size:16px;
	line-height:22px;
	color:#000;
	padding:30px 123px 30px 15px;
	text-align: left;
	background:#fff;
	border:1px solid #d9d9d9;
	border-radius:10px;
	position:relative;
	}	
.s1-list li a{ color:#000;}
.s1-list li span{
	display:block;
	font-size:15px;
	line-height:30px;
	color:#000;
	font-weight:bold;
	margin-bottom:0px;
	}
.s1-list li h3{
	display:block;
	font-size:27px;
	line-height:35px;
	color:#000;
	font-weight:bold;
	margin-bottom:8px;
	}	
.s1-list li img{
	position: absolute;
	right: 0;
	top: 30px;
	max-width: 150px;
	}		
.s1-lft{
    display: inline-block;
    width: 100%;
    padding: 0;
    text-align: center;
    position: relative;
	}
.s1-lft .s1-text{
	padding: 0 0 13px;
    border-bottom: 1px solid #dedede;
	}	
.s1-lft .bdfont {position:relative; z-index:1; width: 100%; margin: 0;}
.s1-imge{
       position: absolute;
    top: 170px;
    right: 25%;
	}
.s1-col2, .s1-col3{
	width:23.67%;
	text-align:center;
	
	}
.s1-col3{ text-align:left;}	
.s1-img1{
	display:block;
	margin:0 auto 10px;
	}		
.s1-col3-txt1{
	font-size:16px;
	line-height:24px;
	color:#000000;
	}
.s1-col3-txt1 span{
	display:block;
	font-weight:700;
	font-size:18px;
	}	
.s1uls{
	float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 28px 0 0 0;
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: space-between;
	}
.s1uls li{
	float: left;
    width: 100%;
    font-size: 17px;
    line-height: 28px;
    color: #232323;
    padding: 0 0 0 26px;
    text-align: left;
    position: relative;
	}
.s1uls li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 12px;
    height: 12px;
    background: #000;
    border-radius: 50px;
}	
.s1uls li span {
    font-weight: 700;
}
.s1uls li img{
	display: inline-block;
    vertical-align: top;
    max-width: 100%;
    border-radius: 10px;
	}
.s1uls li:nth-child(even){}	

@media only screen and (max-width: 1187px){
.sec1 { padding: 40px 0;}
.s1-image1 {max-width:715px;}
.s1-rgt-hding {font-size: 48px;line-height: 55px;}
.s1-rgt-hding span {font-size: 125px;line-height: 125px;}	
.s1-inr {column-gap: 8px;}
.s1-list {width: 37%;right: -9%;}   
.s1-list li {padding: 23px 125px 25px 15px;}
}
@media only screen and (max-width: 1023px){
.sec1{  padding: 20px 0 40px;  height: auto; background-size: cover;}
.s1-imge { right: 15%; max-width: 295px; top: 70px; }
.s1-col1 {width: 100%; background-size:cover;}
.s1-col2, .s1-col3 {width: 47%; text-align: center;}
.s1-lft .s1-text { width: 60%;}
.s1-image1 { float:none; display:inline-block; vertical-align:top;max-width: 100%; margin-top:20px;}	
.s1-rgt-hding {float: none; display: inline-block; font-size: 30px; line-height: 38px; padding: 25px 0 0px 0;}
.s1-rgt-hding span { font-size: 95px;line-height: 95px;}
.s1-image {position: static; max-width: 67%; margin-top: 12px;}
.s1-list {position: static;width: 100%;margin: 20px 0 0px 0;justify-content: center;column-gap: 15px;}
.s1-list li { width:49%;font-size: 17px;}
.s1uls {margin: 17px 0 0 0;row-gap: 15px;}
}
@media only screen and (max-width: 767px){
.sec1{ padding: 0 0 25px; background:#fff;}
.s1-rgt { width: 100%; max-width: 355px; text-align: center; }
.s1-rgt .bdfont{width: 100%;}
.s1-rit-hdg{ font-size:22px; line-height:30px; }
.s1-image2 {float: none; display: inline-block; max-width: 100%;}
.s1-rgt-hding {width: 100%;padding: 20px 0 0px 0;}	
.s1-col1 {width: 100%;	background-size: cover;	padding: 30px;	height: auto; max-width:330px;	margin:0 auto;}
.s1-lft .s1-text {width: 100%;}
.s1-image { margin-top: 10px; max-width: 100%; display: inline-block; }
.s1-list {  margin:20px 0 0px 0; justify-content: center; row-gap: 15px;column-gap:0px;}
.s1uls { margin:15px 0 0 0;justify-content: center;row-gap: 12px;}
.s1uls li,.s1uls li:nth-child(even) {width: 100%;font-size: 17px;line-height: 27px;}
.s1uls li .bdhding2 {font-size: 25px;line-height: 35px;}
.s1-list li {width: 100%;max-width: 355px; padding: 15px 10px;text-align: center;}	
.s1-list li span {font-size: 20px;line-height: 30px; margin-bottom: 5px;}
.s1-list li img { position: static;max-width: 170px;}
.s1-lft-hding {font-size: 33px;line-height: 45px;}
.s1-col2, .s1-col3 {width: 100%; text-align: center;max-width:330px;margin:0 auto;}
.s1-col3{ margin-top:20px;}	
.s1-image1 {margin-top: 15px;}
}

/*==========*/
.bnrstrip2{    
	    padding: 60px 0px;
    background: #f3f3f3;
    overflow: hidden;
    text-align: center;
	}
ul.bnrstrip2-list{ 
	float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 15px;
    column-gap: 0;
	margin-top: 30px;
	}	
ul.bnrstrip2-list li{
	    float: left;
    width: 49%;
    /* height: 240px; */
    font-size: 17px;
    line-height: 26px;
    color: #000;
    font-weight: 300;
    position: relative;
    padding: 30px 234px 30px 25px;
    background: url(../images/bnrstp2-li-bg1.jpg) no-repeat center top;
    background-size: cover;
    border-radius: 12px;
    text-align: left;
    border: 1px solid #d2d2d2;
}	
ul.bnrstrip2-list li:last-child{
	background:url(../images/bnrstp2-li-bg2.jpg) no-repeat center top;
	background-size:cover;
	}	
ul.bnrstrip2-list li span{
	display: block;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #000;
    font-weight: bold;
}
ul.bnrstrip2-list li h3{
	display: block;
    font-size: 33px;
    line-height: 38px;
    margin-bottom:10px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
	text-decoration:underline;
	margin-top:12px;
}
ul.bnrstrip2-list li img{
	position: absolute;
    left: 15px;
    top: 30px;
	}
@media only screen and (max-width: 1187px){
ul.bnrstrip2-list li {padding: 45px 238px 0px 20px;}
}
@media only screen and (max-width: 1023px){
ul.bnrstrip2-list {justify-content: center;}
ul.bnrstrip2-list li {width: 75%;}
}
@media only screen and (max-width: 767px){
ul.bnrstrip2-list {justify-content: center;row-gap: 15px;height: auto;}
ul.bnrstrip2-list li{width: 100%; max-width: 355px; border: none; padding: 20px 90px 20px 20px; height: auto;}
ul.bnrstrip2-list:after{ display:none;}
ul.bnrstrip2-list li img{ max-width:56px;}
ul.bnrstrip2-list li span {font-size: 25px; line-height: 30px;}
ul.bnrstrip2-list li h3 {font-size: 25px; line-height: 35px; margin:10px 0 0;}
ul.bnrstrip2-list li:after{ display:none;}
}			

/*===================================*/
.newarvl-section{
        float: left;
    width: 100%;
    background: #f3f3f3;
    padding: 60px 0 60px;
    overflow: hidden;
	}
.new_pic1{
	position: absolute;
    right: 0;
    top: -20px;
	}
.new_pic2{
	position: absolute;
    left:28%;
    top: 290px;
	}	
.new_avl_cntr{ 
	float: left;
    width: 49%;
    padding: 15px 0 0px;
    text-align: left;
	}	
.newarvl-section .bdhding2{}	
.newarvl-section .bdfont{}
.avl_pic2{
	position: absolute;
    top: 0;
    right: -32px;
	}
.avl_pic3{
	position: absolute;
    top: 370px;
    right: 260px;
	}	
ul.newarvl-list{
       float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 15px;
    margin: 20px 0 0 0;
}
ul.newarvl-list li {
        float: left;
    width: 100%;
    position: relative;
    padding: 0px 0 0 20px;
    font-size: 17px;
    line-height: 26px;
    color: #000;
    font-weight: 400;
    text-align: left;
}
ul.newarvl-list li span{
	    display: block;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
	}
ul.newarvl-list li:before{
position:absolute;
	left:0;
	top:8px;
	width:10px;
	height:10px;
	background:#000;
	border-radius:50%;
	content:'';
}
ul.newarvl-list img{
	position:absolute;
	left:0;
	top:5px;
	}				
@media only screen and (max-width: 1187px){
.new_avl_cntr{ width: 49%;}
.new_pic1{right: -14%;}
.new_pic2 {left: 33%;}
.avl_pic2{right: -83px;max-width: 350px;}
}
@media only screen and (max-width: 1023px){
.newarvl-section { text-align:center;padding:40px 0 40px;}	
ul.newarvl-list {width: 100%;row-gap: 15px;margin: 20px 0 0 0;}
ul.newarvl-list li { width: 70%;}
.new_avl_cntr{float: none; display: inline-block; text-align: center; width:90%; padding:0;}
.avl_pic2{right: -146px; top:12px;  max-width: 303px;}
.new_pic1{position: static;max-width: 100%;margin-top: 15px;}
.avl_pic3{top: 370px; right: 40px;}
}
@media only screen and (max-width: 767px){
.newarvl-section {padding:30px 0 30px; height:auto;text-align: center;}	
.avl_pic3{ max-width: 145px; position: static;}
.avl_pic2 {max-width: 218px; position: static; margin-top: 30px;}
.new_pic1{ max-width:100%;}
.new_pic2 {position: static;max-width: 100%;margin-top: 15px;}
ul.newarvl-list li {width: 100%; font-size: 17px;}
.new_avl_cntr{float:none; display:inline-block;	width:100%;	max-width:355px; text-align:center;	padding:0px;}
.newarvl-sec-inr{margin: 0 auto;justify-content: center;row-gap: 18px;}	
.newarvl-sec-inr-col1, .newarvl-sec-inr-col1:nth-child(2) {width: 100%; max-width:100%; text-align:center ; margin:0 !important; padding: 20px 20px; height:auto; }
.newarvl-sec-inr-txt1 { font-size: 16px; line-height: 26px;}
.newarvl-sec-inr-lft {width: 100%;text-align: center !important; padding:0; margin-top:10px;}
.newarvl-sec-inr-txt2 { font-size: 20px; line-height: 28px;}
.newarvl-sec-inr-col1 .newarvl-sec-inr-bx, .newarvl-sec-inr-col1:nth-child(2) .newarvl-sec-inr-bx { width:100%; padding:0px 0; text-align: center; }
.newarvl-sec-inr-col1 img{ position:static; display:block; margin:0 auto 10px;}
}

/*================SECTION 5===================*/
.sec5{
    float: left;
    width: 100%;
    padding: 55px 0 55px;
    position: relative;
    text-align: center;
    height: auto;
    background:#fff;
}
.sec5 .comn-txt { width: 80%;}
.s5-prduts {
    float: left;
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 20px;
    column-gap: 15px;
}
.s5prdbx1, .s5prdbx2 {
        width: 32%;
    text-align: center;
    height: auto;
    margin-top: 0px;
    padding: 10px 15px 20px;
    background: #f3f3f3;
    border-radius: 15px;
}

.s5prdbx2_imgbx{
	display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0px 15px;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 15px 15px;
	}
.s3-lst-icn{
	display:block;
	margin:10px auto 10px;
	width:100%;
	}
.s5prdbx-hding, .s5prdbx-prc {
	font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #1e1e1e;
   
}

.s5prdbx-prc {
    font-size: 24px;
    line-height: 34px;
    color: #060606;
    margin: 8px 0 8px;
    float: left;
    width: 100%;
    font-weight: 700;
    min-height: auto;
}
.s5prdbx2 .cta-btn{ 
	margin-top: 12px;
	width:100%;
	}
.s5prdbx2-imgbx1{
	float:left;
	width:50%;
	padding:10px 10px;
	text-align:center;
	background: #edeef0;
	}

.s5prd {
    margin: 0px 0px 0px;
	display:inline-block;
    max-width: 217px;
    vertical-align: top;
	    
}

.sale{
	background:#ffd200;
	display:inline-block;
	vertical-align:middle;
	padding:5px;
	text-align:center;
	font-size:14px;
	line-height:14px;
	color:#000;
	font-weight:700;
	margin-bottom:20px;
	}

@media only screen and (max-width: 1187px){
.s5prdbx1, .s5prdbx2, .s5prdbx3, .s5prdbx4{ margin: 0;}
.s5prdbx-hding { font-size: 17px;}
.sec5{ padding:50px 0;}
.s5prd{ max-width: 194px;}
.s5prdbx2-imgbx {  padding: 23px 15px 23px;}
.s5-prduts{ column-gap:13px;}
}
@media only screen and (max-width: 1023px){
.sec5{padding:40px 0; text-align:center;}
.sec5 .comn-txt{ width:100%; }
.sec5 .bdfont {  width: 100%;}
.s5-prduts {margin-top: 25px;justify-content: center;}
.s5prdbx1, .s5prdbx2{margin: 0; row-gap: 0px; width:48%;text-align: center;}
.s5prdbx2-imgbx1{ width:100%; float:none; display:inline-block; text-align:center; }
.s5prdbx-hding{font-size:16px;}


}
@media only screen and (max-width: 767px){
.sec5 {padding:25px 0; background:#fff; height:auto;}
.s5-prduts {margin-top:18px; justify-content: center;row-gap: 16px;column-gap: 10px;}
.s5prdbx1, .s5prdbx2{ width: 100%; margin: 0; max-width: 355px;}
.s5prdbx2_imgbx{ padding: 10px 15px;}

.s5prdbx3, .s5prdbx4{margin:20px 1% 0 1%;}
.s5prdbx-hding{height:auto;text-align:center;font-size: 20px;line-height: 26px; line-height:26px; min-height:auto;}
.s5prdbx-prc, .s5prdbx-txt, .s5prdbx-txt2{text-align:center;}
.s5prdbx-prc{margin:10px 0 0 0;}
.s5prdbx-txt2{padding:6px 0 0 0;}
.s5prdbx-txt2 { font-size: 18px; line-height: 24px;}
.s5prdbx-txt { font-size: 14px; line-height: 16px;}
.s5prdbx2-imgbx { display: inline-block;}
.s3-lst-icn{margin: 0 auto;}
}

/*================SECTION 6===================*/
.sec6{padding: 0 0 30px 0; background: #fff;border-top: 4px solid #000;text-align: center;}
.s6bx{width: 100%;float: left;}
.s6bx1, .s6bx2, .s6bx3{
	float: left;
    display: inline-block;
    width: 100%;
    padding: 0 20px;
	margin-top:20px;
}
.s6bx3{border-right:none;}
.s6bxhding{
	font-weight:500;
	font-size:26px;
	line-height:30px;
	color:#000;
	text-align:center;
}
.s6bxtxt, .s6bxtxt2{
	    font-size: 16px;
    line-height: 26px;
    color: #343434;
    text-align: center;
    padding: 5px 0 0 0;
}
.s6bxtxt a{ color:#343434;}
.s6bxtxt2{
	font-size:18px;
	padding:40px 0 0 0;
}
.s6bxtxt2 span{font-size:26px;}
a.readfaqbtn{
	height:48px;
	width:200px;
	border:2px solid #fff;
	margin:24px auto 0 auto;
	display:block;
	font-size:18px;
	line-height:48px;
	color:#fff;
	text-align:center;
	border-radius:30px;
}
ul.slinklist{padding:5px 0 0 0;text-align:center;}
ul.slinklist li{
	    display: inline-block;
    margin: 7px 10px;
}
ul.slinklist li a{ color: #343434; font-size: 16px;}
.footer-para {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
	color: #4e4e4e;
}
/*================SECTION 7===================*/
.sec7{    
	padding: 20px 0;
    background: #333;}
.ftrlogo{margin:0 auto;display:block;}
ul.ftrlist{padding:22px 0 0 0;text-align:center;}
ul.ftrlist li{
	display:inline-block;
	border-right:1px solid #c8c8c8;
	padding:0 20px;
	font-weight:300;
	font-size:18px;
	line-height:18px;
	color:#c8c8c8;
	text-align:center;
}
ul.ftrlist li a{color:#c8c8c8;}
ul.ftrlist li:last-child{border-right:none;}

/*================FOOTER===================*/
footer{padding:20px 0; background: #f3f3f3;}
.ftrtxt1{	
	font-size:18px;
	line-height:18px;
	text-align:center;
	color:#313131;
}
.ftrtxt1 a{color:#313131;}
.ftrtxt2{	
	font-size:18px;
	line-height:18px;
	text-align:center;
	color:#313131;
	padding:12px 0 0 0;
}

@media only screen and (max-width: 1023px){
.sec6{padding:0 0 46px 0;}
.s6bx{width:100%;margin: 30px auto 0 auto;}
.s6bx1, .s6bx2, .s6bx3{padding:0 10px;}
}
@media only screen and (max-width: 767px){
.sec6 {padding: 0 0 24px 0;}
.s6bx{margin:0 auto;}
.s6bx1, .s6bx2, .s6bx3{	width:100%;	border-right:none;	border-bottom:1px solid #fff; padding:0 0 26px 0; margin:20px 0 0 0;}
.s6bx3{border-bottom:none;padding:10px 0 0 0; margin:0;}
.s6bxtxt2{padding:25px 0 0 0;}
.sec7 {padding: 20px 0 15px 0;}
ul.slinklist {padding: 0px 0 0 0;}
ul.ftrlist li{padding:0 10px 0 6px;}
.ftrtxt1, .ftrtxt2{font-size: 15px; padding: 0;}
ul.ftrlist {padding: 12px 0 0 0;}
.s6bxhding{ font-size:20px;}
.s6bxtxt, .s6bxtxt2{ font-size:15px;}

ul.slinklist li{  margin: 0px 5px;}
ul.slinklist li a{  font-size: 14px;}
}