/* ####################################################
    :: Template Name: Essence - Fashion Ecommerce Template
    :: Author: Colorlib
    :: Author URL: https://colorlib.com
    :: Description: Essence is smart & elegant fashion e-commerce Template. It's suitable for all e-commerce business platform.
    :: Version: 1.0.0
    :: Created: April 27, 2018
    :: Last Updated: May 2, 2018
    #################################################### */

    /* ---------------------------------------
    ##### - PLACE YOUR CUSTOM CSS HERE - #####
    --------------------------------------- */
@media screen and (max-width: 480px) {
.pc_show{display:none;} .product-image{height:150px;}
.logo-img { height: 39px; width: 54px; position: relative; z-index: 1; overflow: hidden; }
.carousel{ margin-top:140px;}
.section-padding-80 { padding-top: 170px; padding-bottom: 10px; }
}
@media screen and (min-width: 490px) {
.pc_show{display:none;} .product-image{height:150px;}
.logo-img { height: 39px; width: 54px; position: relative; z-index: 1; overflow: hidden; }
.carousel{ margin-top:140px;}
.section-padding-80 { padding-top: 170px; padding-bottom: 10px; }
}
@media screen and (min-width: 600px) {
.pc_show{}{display:none;} .product-image{height:250px;}
.logo-img { height: 39px; width: 54px; position: relative; z-index: 1; overflow: hidden; }
.carousel{ margin-top:140px;}
.section-padding-80 { padding-top: 160px; padding-bottom: 10px; }
}
@media screen and (min-width: 800px) {
.pc_show{display:block;} .product-image{height:250px;}
.logo-img { height: 75px; width: 100px; position: relative; z-index: 1; overflow: hidden; }
.carousel{ margin-top:125px;}
.section-padding-80 { padding-top: 160px; padding-bottom: 10px; }
}
@media screen and (min-width: 1100px) {
.pc_show{display:block;} .product-image{height:250px;}
.logo-img { height: 75px; width: 100px; position: relative; z-index: 1; overflow: hidden; }
.carousel{ margin-top:125px;}
.section-padding-80 { padding-top: 160px; padding-bottom: 10px; }
}
.dir_left > li, .dir_left >li > a ,.dir_left >li >.dropdown > span{ font-size: 17px; color: #49B42F; margin-bottom: 20px; }
td > a { font-size: 16px; }
#mwt_mwt_slider_scroll{ top: 0; right:0px; position:fixed; z-index:9999; }
#mwt_fb_tab { position:absolute; top:200px; background:#FFCC22; color:#ffffff; font-family:Arial, Helvetica, sans-serif; text-align:center; padding:9px 0; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; }
#mwt_fb_tab2 { position:absolute; top:600px; background:#FFCC22; color:#ffffff; font-family:Arial, Helvetica, sans-serif; text-align:center; padding:9px 0; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; }
#mwt_fb_tab3 { background:#FFCC22; color:#ffffff; font-family:Arial, Helvetica, sans-serif; padding:9px; border-radius:10px; }

@media screen and (max-width: 480px) { #mwt_fb_tab { left:-42px; width:42px;} #mwt_fb_tab2 { left:-42px; width:42px;} }
@media screen and (min-width: 490px) { #mwt_fb_tab { left:-42px; width:42px;} #mwt_fb_tab2 { left:-42px; width:42px;} }
@media screen and (min-width: 600px) { #mwt_fb_tab { left:-42px; width:42px;} #mwt_fb_tab2 { left:-42px; width:42px;} }
@media screen and (min-width: 800px) { #mwt_fb_tab { left:-42px; width:42px;} #mwt_fb_tab2 { left:-42px; width:42px;} }
@media screen and (min-width: 1100px) { #mwt_fb_tab { left:-60px; width:60px;}  #mwt_fb_tab2 { left:-42px; width:42px;} }
#mwt_fb_tab span,#mwt_fb_tab2 span{ display:block; padding:1px 0; color:#333333; } #mwt_fb_tab3 span { padding:1px 0; color:#333333; }
#mwt_fb_tab span.red,#mwt_fb_tab2 span.red,#mwt_fb_tab3 span.red { color:#FF0000; }
.flashit{
	font-size: 18px;
	 margin : 5px;
  color:#fff;
	-webkit-animation: flash linear 2s infinite;
	animation: flash linear 2s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
/* Pulse class and keyframe animation */
.pulseit{
	-webkit-animation: pulse linear .5s infinite;
	animation: pulse linear .5s infinite;
}
@-webkit-keyframes pulse {
	0% { width:200px; } 
	50% { width:340px; } 
	100% { width:200px; }
}
@keyframes pulse {
	0% { width:200px; } 
	50% { width:340px; } 
	100% { width:200px; }
}