@media screen and (min-width:240px) and (max-width:680px)
{
.wrap, .wrap-1{width:95%; margin:0 auto;}

.footer .col-md-6 p{text-align:center!important;}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .span1, .span2, .span3, .span5, .span6, .span7, .span20, .col-2, .col-5 {
	width:calc(100% - 30px);
	display:block;
    float: none;
	margin:0px auto;
	
  }

.span6{width:100%!important;}


.span6 > div.wrap{margin-right:25px!important; margin-bottom: 40px; width:85%;}

	.bgd-brand-grid {display: grid; grid-template-columns: repeat(2, 1fr)!important;}

.head-top{width: 100%!important; background: #fff; display:block; position:fixed;}
	.head-top:after{clear:both; content:''; display:block;}
    .header{padding: 0px!important}
	.m-spc{height:60px;}
    .header .col-md-1 > p{margin-top: -40px!important;}
    
    .header .col-md-2{ display: none; width:auto!important; float: right!important; }
    
    .head-top .col-md-6:last-child, .header .col-md-3{display: none;}
        
    .sticky1 .m-logo img{display: none;}
    
.mrgn-menu{margin-top:2px;}
    
    .mid-hm .col-md-3, .btm-hm .col-md-4{margin-bottom: 30px;}

.footer_1 .col-md-4{margin-top:20px;}

.nivoSlider {top:0px!important; margin-bottom: 0px!important; overflow: hidden;}
    
    .nivoSlider img{min-height: 0px; width: auto;}

.nivo-caption {font-size:18px!important; line-height:18px!important; padding:0px!important; width: 100%!important;}
    
    .nivo-caption em{font-size:20px!important; padding-top: 20%!important; line-height: 30px!important;}
    
    .nivo-caption en{display:none!important; font-size:14px!important; padding: 8px 15px!important;}
    
    .nivo-directionNav a {top:45%!important;}
    
    .main-hm2 .col-md-8{padding-top: 30px!important;}
    
    .pc-logo{display: none;}
    .mb-logo{display: inherit;}
    
    .footer > div{position: relative!important; width:100%!important;}
    
    .footer{padding: 0px!important;}
    .footer .wrap{width:90%!important; padding-bottom: 30px!important;}
    .footer .wrap:after{clear:both; content:''; display:block;}

    .sld + .clr{height:0px!important;}
    
    .header .col-md-2 p{margin-top: 10px!important;}

.logo img{max-width:50%!important; text-align: left!important; margin: 0px;}
    
    .cnt-btn{ display:none; width:150px!important; left:auto!important; position: relative; float:right; margin-top:-50px!important; height: 60px!important;}
    .cnt-btn p{line-height: 0px;}
    .gold-box{padding: 30px 0px 80px;}
    
    .innerpg img{margin-bottom: 80px;}
    
    .purpose-img{height:auto;}
    
    .purpose-block{background:#d4b94a; width:calc(100% - 40px); left:0px; position:relative; min-height:auto; height: auto; top:-40px; padding:20px;}
    
    .purpose-img img {
  height: 100%;
  position: relative;
  left: 0%;
  top: 0%;
  transform: none;
}
    
    h2{font: 500 36px/1.2em 'Cardo', serif; color:#575757; text-transform: uppercase; position: relative; text-align:left; margin-bottom:10px; letter-spacing: 1.4px;}
    
    .main-hm {
  padding: 40px 0px;
  position: relative;
}
    
 .main-hm:after {width:100%;}
    
    .main-hm p, .main-hm2 p{font-size: 20px; line-height: 1.3em;}
    
    .footer .col-md-4 > div{padding-left: 0px!important;}
    
    .footer h3{margin-top:20px;}
    
    .awards .col-md-3{margin-bottom: 20px; text-align: center;}

.ful-pd{padding:0px; width:95%; margin:0px auto; float:none;}

.bann-bot{background:rgba(255,255,255,0.8); padding: 15px 0px; margin-top:0px;}

.bann-bot1{font: 100 30px/30px 'Raleway', sans-serif; text-align: center;}

.bann-bot2{font:500 20px/20px 'Raleway', sans-serif; text-align:center;}

.box1-bg, .box2-bg, .box3-bg{min-height:10px;}

.box1-pd, .box2-pd, .box3-pd{padding:20px 20px 30px;}

.copyr .col-md-3, .copyr .col-md-4 p{ margin-bottom:20px;}

.copyr .col-md-6 p{text-align:left!important;}
    
    .footer .col-md-3 > div{padding-left: 0px!important;}

.colum-2{column-count:1;}

.var-txt{padding:20px 10px;}
    
    .cstm-head div{width:100%!important; height: auto!important; padding:0px!important;}
    .cstm-head h2{line-height: 1.0em!important; padding:10px!important;}

.var-txt h2{font-size:32px; padding-right:0px!important;}

.prod .col-md-6 .prod-brd{height:inherit;}

.copyr h3{margin-top:30px;}

.logo-slide .col-md-2{width:50%!important;}

.call-stic {
    width: 100%;
    height: 45px;
    background: #000068;
    text-align: center;
    color: #fff;
    bottom: 0px;
    font-size: 24px;
    font-weight: normal;
    display: inherit !important;
    position: fixed;
    z-index: 10000;
    line-height: 45px;
}

.cart-t{margin-top:-35px; z-index:-1;}

.cart-t p{padding-top:0px!important;}

.srch-bar{margin-top:0px!important;}

.srch-bar h2, .srch-bar p{text-align:center!important;}

.tile-img{height:300px!important;}

.hm-tile-bg{height:auto!important; min-height:215px;}

.hm-tile-bg h3{font-size:70px!important;}

.hm-tile-bg h4{font-size:60px!important;}

.box-btm{margin-bottom:20px;}

.prod-img{height:300px!important;}

.prod{margin-bottom:15px;}

.c-form{margin-top:20px;}

.sub-banner .sub-img-2{background-size:cover;}

.logo-scroll .col-md-2{width:48%; margin:0px 1%;}
    
    .hm-blk-1{width:100%; z-index:-3; margin-top:0px; position: relative; float:left;}
.hm-testi{background:url('../images/home-testimonials-bg.jpg') center center no-repeat; background-size:cover; overflow:hidden; height:auto; width:100%; margin-top:30px; float:right;}
    
    .hm-blk-1 > div, .hm-testi > div{padding: 30px!important; width:calc(100% - 60px)!important;}
    
    .sticky1 + .clr15 {
  padding-top: 0px;
}
	.hm-pic .col-md-3{margin-bottom:-30px!important;}
    .hm-pic .hm-pic-in{margin-bottom: 0px;}
    .hm-bl-txt{padding-top:0px;margin-top: -40px;}
	.hm-pic .hm-pic-txt {max-width:100%; left:auto!important; padding: 15px 0px 10px;}
	.col-md-8{padding-top:0px!important;}
	.site-main{margin-top: 0px; padding-bottom:40px;}
	
	

}

@media screen and (min-width:641px) and (max-width:767px)
{
	
	.wrap{width:95%; margin:0 auto;}
.wrap1{width:95%; margin:0 auto;}
.logo img{max-width:80%; text-align: left!important; margin-left: 10px;}
    
     .header .col-md-2{width:auto!important; float: right; }
    
    .nivo-caption {font-size:24px!important; line-height:24px!important; padding: 15px!important;}
    
    .col-md-7 .span6:first-child, .col-md-7 .span5{width:100%!important;}
}


@media screen and (min-width:768px) and (max-width:1024px)
{
	
	.wrap{width:95%; margin:0 auto;}
.wrap1{width:95%; margin:0 auto;}

.menu ul{list-style:outside none none; }

.menu a{padding:0px; line-height:20px;}
.logo img{max-width:70%; text-align: left!important; margin-left: 10px;}
    
     .header .col-md-2{width:auto!important; float: right; }
    
    .nivo-caption {font-size:24px!important; line-height:24px!important;  padding: 15px!important;}
    
    .col-md-7 .span6:first-child, .col-md-7 .span5{width:100%!important;}
}


@media screen and (min-width:1025px) and (max-width:1200px)
{
	
	.wrap{width:95%; margin:0 auto;}
.wrap1{width:95%; margin:0 auto;}

.menu ul{list-style:outside none none; }

.menu a{padding:0px; line-height:20px;}
.logo img{max-width:70%; text-align: left!important; margin-left: 10px;}
    
     .header .col-md-2{width:auto!important; float: right; }
    
    .nivo-caption {padding: 30px 15px!important; }
    
    .col-md-7 .span6:first-child, .col-md-7 .span5{width:100%!important;}
}

@media screen and (min-width:981px) and (max-width:1024px)
{


.nav a {
    padding: 10px 10px;
	font-size:16px;

}

}

@media screen and (min-width:240px) and (max-width: 980px) {
	
    .active {
        display: block;
    }
	.nav {
    list-style: none;
     *zoom: 1;
     background:#fff;
	 margin:14px 0px 5px -10px;
    text-align: left;
    padding: 0px 10px;
}
    .nav > li, .nav > li > a {
        float: none;
		width:100%;
		color: #575757
    }
	
	.nav a {
		
		display:block;
		margin:0;
		padding:10px 0px 10px 7px;
		text-align:left;
		border-bottom: 1px solid #e5e5e5;
		width:100%;
		
	}
	
	.nav > li{width:100%!important;}
	
    .nav > li > .parent {
        background-position: 85% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/dnarrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
	
	.nav li li a {
    
	width:100%;
	text-align:left;
}

    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static; box-shadow: none;
    }

}

	
@media screen and (min-width:481px) and (max-width:900px){
	.wrap,.wrap1{width:98%; margin:0 auto;}
	.col-md-12 {
	width:100%;
	display:block;
    float: left!important;
	margin-top:10px;
	margin-bottom:10px;
  }
  
 
  
}

@media screen and (min-width:101px) and (max-width:1000px){
#mega-menu-wrap-primary {display:none!important;}
}