/*667,659,640,627,600,568,480,414,384,375,360,320*/



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */

}



/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 320px) {

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 720px) 
and (max-device-width : 720px) {
	


}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width :768px) 
and (max-device-width : 768px) {
/* Styles */
}




@media only screen 
and (max-width : 480px) {
	
	.box {
    width: 50%;margin: 0 0%;}


	
	.col1{float: none;
    text-align: center;
    margin: 0 0 20px; width:100%}
	
	.my {
    display: block;
    margin: 0px 0;
    font-family: 'CenturyGothicPro-Bold';
    line-height: 26px;
    font-size: 26px;
}

.good {padding: 12px 50px;}

.banner_txt {
    width: 94%;
    height: 180px;
    text-align: center;
    padding: 40px 3% 0;
}

.good3 {
    font-size: 15px;
  margin: 29px 0 0 0;
    line-height: 23px;
    padding: 0 5%;
}

.btn { margin: 30px 0 0 0;}

.brandbox_left {
    display: inline-block;
    float: left;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    line-height: 22px;
    font-size: 14px;
    color: #4d4a4a;
    margin: 0 0 14px 0;
}

.brandbox_left2 {
   width: 100%;margin: 0 0px 20px 0;padding: 30px 40px;
}

.brandbox_right2 {  width: 100%;padding: 50px;border-left: 0px solid #d7d7d7;}
	
.storybox p {
    max-width: 80%;
    margin: 0 auto;
    line-height: 21px;
}

.commit {
    width: 100%;
    padding: 0px 5% 30px; line-height: 18px;
    font-size: 14px;
    letter-spacing: 1px;
}	

.footer_left {
    width: 100%;
    padding: 40px 4%;}
	
	.pop_left {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}


.pop_right {
    width: 100%;
    float: left;
    padding: 20px 0px 40px;
}


.owl-prev {
    right: -37px;
    top: 80%;
}

.owl-next {
    left: -37px;
    top: 80%;
}
	
}



@media only screen 
and (max-width : 800px) {
	.footer1 {padding: 0 5%;
}
	
	.contents_cop {
    width: 100%;
    float: left;
    padding: 0;
}


.contents_vid {
    width: 100%;
    float: left;
}
	
	
	.biga3 {
    color: #fff;
    font-size: 40px;
    font-family: 'CenturyGothicPro-Bold';
    text-transform: uppercase;
    margin: 0 0 0px 0;
    line-height: 55px;
    display: block;
}


.biga4 {
    font-size: 16px;
    margin: 20px 0 0 0;
    max-width: 310px;
    float: left;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    /* font-weight: 100; */
    line-height: 23px;
}


.start {
    background: #1d816b;
    color: #fff;
    text-transform: uppercase;
    padding: 16px 41px;
    display: inline-block;
    margin: 40px 0 0 0;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 17px;
    transition: all 0.9s ease;
}
	
	
	.bigat {
    color: #fff;
    font-size: 34px;
    font-family: 'CenturyGothicPro-Bold';
    text-transform: uppercase;
    margin: 0 0 0px 0;
    line-height: 45px;
    display: block;
}
	
	.cont5 h2 {
    color: #3e3c3c;
    font-size: 25px;
    font-family: 'CenturyGothicPro-Bold';
    text-transform: uppercase;
}

.cont5 p {
    font-size: 15px;
    line-height: 22px;
    margin: 13px 0 0 0;
}
	
	
	.thumb33 {
    width: 21%;
    margin: 10px 2% 50px;
    position: relative;
    display: inline-block;
    min-width: 250px;
    float: left;
}

.itemz { min-width:218px}
	
	
	.pop_right {
    width: 100%;
    float: left;
    padding: 0 30px 40px;
}

.pop_left {
    width: 100%;
    float: left;
	    margin: 0 0 30px 0;
}
	
	
	/*
	.pop_right {
    width: 60%;
    float: left;
    padding: 0 30px 40px;
}

.pop_left {
    width: 40%;
    float: left;
}*/
	
	
	 .product_listed2 li {
   border-left: 0px solid #ececec;
}

	 .product_listed li {
   border-left: 0px solid #ececec;
}
	
	.prod_tit {
    font-size: 29px;
    line-height: 39px;
}

.prod_cont_left {
    /* float: left; */
    width: 60%;
    display: inline-block;
    vertical-align: top;
    min-width: 250px;
}
	
	.prod_box {
    width: 60%;
    float: none;  margin: 10px 1% 0;}



.prod_cont_right {
    /* float: left; */
    width: 100%;
    display: inline-block;
}
	
	.box2 {
    width: 49%;}

.thumbnails {
    text-align: center;
    width: 100%;
    padding: 20px 0% 50px;
}	

.thumbnails3 {
    text-align: center;
    width: 100%;
    padding: 20px 0% 50px;
}	
	
	.banner_content_copy {
    float: left;
    padding: 18% 5% 0;
}

.biga2 {
    font-size: 18px;
    margin: 10px 0 0 0;
    max-width: 310px;
    float: left;
}
	
	
	.biga {
    color: #4d4a4a;
    font-size: 42px;
    font-family: 'CenturyGothicPro-Bold';
    text-transform: uppercase;
    margin: 0 0 0px 0;
    line-height: 46px;
    display: block;
}
	
	.big {font-size: 26px; line-height: 30px;}
	
	.big2 { font-size: 15px; line-height: 21px;}
	
	.top2 {
    width: 100%;
    padding: 25px 0%;}
	.select {
    position: absolute;
    right: 0%;}
	
	.top3{padding: 10px 5% 0; position: relative;}
	
	.logoso img {
    width: 72%;
    padding: 6px 0 0 0;}

	
	.logosu img{}
	
	.top3_right_mob {
    float: left;
    background: #f5f5f5;
    width: 100%;
    padding: 0px 3% 10px; display:none
}

.top3_right_mob ul li {
    display: block;
    color: #cc0033;
    text-transform: uppercase;
    padding: 13px;
    font-size: 14px;
    transition: all 0.5s ease;
    border-bottom: 1px solid #e8e0e0;
    text-align: center;
}
	
	.top3_right{ display:none}
	.burger {
    display: block;
    float: right;
    position: absolute;
top: 11px;
    right: 4px;
}

.headers {
    color: #4d4a4a;
    font-size: 27px;
    font-family: 'CenturyGothicPro-Bold';
    text-transform: uppercase;
    margin: 0 0 25px 0;
    line-height: 30px;
}

.brandbox {
    background: #fff;
    padding: 33px;
    width: 96%;
    margin: 0 auto;
    display: inline-block;
}

.brandbox_left {
    display: inline-block;
    float: left;
    text-transform: uppercase;
    width: 50%;
    text-align: left;
    line-height: 22px;
    font-size: 15px;
    color: #4d4a4a;
}

.headers2 {
    color: #4d4a4a;
    font-size: 15px;}
	
	.brandbox2 {
    width: 96%;
    margin: 0 auto;
    display: inline-block;
}

.story {
    width: 100%;
    text-align: center;
    padding: 39px 5% 20px;
    color: #777676;
    font-family: Arial, sans-serif;
    line-height: 18px;
    font-size: 14px;
    letter-spacing: 1px;
}

.footer_left {
    width: 100%;
    padding: 40px 4%;
    color: #383535;
    line-height: 21px;
    font-size: 14px;
    border-right: 0px solid #b1b1b1;
    float: left;
    margin: 0px 0;
    text-align: left;
}

.footer_right {
    width: 94%;
    padding: 31px 50px 50px 5%;
    color: #383535;
    line-height: 21px;
    font-size: 14px;
    float: left;
    margin: 10px 3%;
    text-align: center;
    border-top: 1px solid #e4d9d9;
}

.col1 {
    float: none;
    margin: 0 6% 30px 0;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.storybox p {
    max-width: 80%;
    margin: 0 auto;
}

}



@media only screen 
and (max-width : 945px) {
	
	
	
}




@media only screen 
and (max-width : 600px) {
	
	

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 1280px) 
and (max-device-width : 1280px) {
/* Styles */


}





/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
	
	.owl-prev {
    right: -37px;
    top: 80%;
}

.owl-next {
    left: -37px;
    top: 80%;
}

.brandbox_left {width: 100%;font-size: 13px;}
.brandbox_left2 {padding: 30px 28px;}

.brandbox_right2 {padding: 30px 28px;}

.col1{float: none;
    text-align: center;
    margin: 0 0 20px;}

  }
  
  
/*  .menu { right: 14%;}*/

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */


}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */



}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */



}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 810px) {
/* Styles */


}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

}



/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}



@media only screen 
and (min-device-width : 1280px) 
and (max-device-width : 1280px) {
/* Styles */





}