/* #[clearfix] */
@media (max-width: 420px){
	#footer #copyright {margin-top:10px;font-size:12px;}	
}
@media (max-width: 767px){
	#mainpage .carousel-control .glyphicon-chevron-left{margin-left:0px;}#mainpage .carousel-control .glyphicon-chevron-right{margin-right:0px;}
	#mainpage .caption1{padding-bottom:10px;}
	#mainpage .shadow-text{width:95%;bottom:0%;top:85%;}
	#mainpage .img01,#mainpage .img02,#mainpage .img03,#mainpage .img04,#mainpage .img05,#mainpage .img06,#mainpage .img07,#mainpage .img08,#mainpage .img09,#mainpage .img10,#mainpage .img11,#mainpage .img29,#mainpage .img49,#mainpage .img61,#mainpage .img64,#mainpage .img65{height:200px;	background-size: auto;}

	#top-menu .language {top:60px;right:15px;}	
	
    .bottom_action_boxes{width:85%}
	.modal{position:absolute;}
}
@media (min-width: 420px){
	#mainpage .carousel-control .glyphicon-chevron-left{margin-left:-20px;}#mainpage .carousel-control .glyphicon-chevron-right{margin-right:-20px;}
	#mainpage .caption1{padding-bottom:0px;}#mainpage .btn-default{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}#mainpage .carousel-indicators{left:15%;}
	#mainpage .carousel-indicators li{margin:3px;}#mainpage .carousel-indicators .active{margin:2px;}#mainpage .recommend, #additional .recommend{font-size:18px;}
	.wp-caption-text {width: 65%;left: 25%;bottom: 20%;height:60%;}.wp-caption-text .jpcontent{margin:15px;font-size:12px;}.wp-caption-text a{font-size:14px;}
}
@media (min-width: 768px){
	#mainpage .carousel-control .glyphicon-chevron-left{margin-left:-50px;}
	#mainpage .carousel-control .glyphicon-chevron-right{margin-right:-50px;}#mainpage .caption1{padding-bottom:10px;}
	#mainpage h3{font-size:28px;letter-spacing:3px;}#mainpage p{font-size:18px;letter-spacing:10px;}#mainpage .btn-default{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
	#mainpage .carousel-indicators{left:50%;}#mainpage .carousel-indicators li{margin:10px;}#mainpage .carousel-indicators .active{margin:9px;}
	#mainpage .recommend, #additional .recommend{font-size:16px;}#mainpage .img-caption{font-size:22px;}#mainpage .last {font-size:16px;}
	#product .img-caption{font-size:48px;letter-spacing:5px;}#product .img-caption-e{font-size:48px;letter-spacing:0px;}#product .price{font-size:28px;}#product .last {font-size:20px;}
	#top-menu .login input{height:25px;}#footer .footerlogo {margin-right:5px;}
	.wp-caption-text {width: 65%;left: 25%;bottom: 20%;height:60%;}	.wp-caption-text .jphead{font-size:20px;}.wp-caption-text .jpcontent{margin:30px;font-size:16px;}.wp-caption-text a{font-size:16px;}
    .bottom_action_boxes{width:100%}
	.logo{padding:10px 10px;height:60px;}.menuewhatsapplogo{padding:10px 10px;height:60px;}.menuemaillogo{padding:10px 10px;height:50px;}
}
@media (min-width: 992px){
	#mainpage .carousel-control .glyphicon-chevron-left{margin-left:-70px;}
	#mainpage .carousel-control .glyphicon-chevron-right{margin-right:-70px;}#mainpage .caption1{padding-bottom:15px;}.modal-xlg{width:1100px}
	#mainpage .img01,#mainpage .img02,#mainpage .img03,#mainpage .img04,#mainpage .img05,#mainpage .img06,#mainpage .img07,#mainpage .img08,#mainpage .img09,#mainpage .img10,#mainpage .img11,#mainpage .img29,#mainpage .img49,#mainpage .img61,#mainpage .img64,#mainpage .img65{height:180px;}
	.wp-caption-text {width: 50%;left: 35%;bottom: 25%;height:50%;}.wp-caption-text .jphead{font-size:24px;}
}
@media (min-width: 1200px){
	#mainpage .carousel-control .glyphicon-chevron-left{margin-left:-80px;}
	#mainpage .carousel-control .glyphicon-chevron-right{margin-right:-80px;}#mainpage .caption1{padding-bottom:30px;}
	#mainpage h3{font-size:36px;letter-spacing:5px;}#mainpage p{font-size:24px;letter-spacing:12px;}
	#mainpage  hr {width:43%;top:10px;}#mainpage .recommend{font-size:18px;}
	#mainpage .img01,#mainpage .img02,#mainpage .img03,#mainpage .img04,#mainpage .img05,#mainpage .img06,#mainpage .img07,#mainpage .img08,#mainpage .img09,#mainpage .img10,#mainpage .img11,#mainpage .img29,#mainpage .img49,#mainpage .img61,#mainpage .img64,#mainpage .img65{height:250px;background-size: cover;}
	.wp-caption-text {width: 46%;left: 50%;bottom: 30%;height:45%;}.wp-caption-text .jphead{font-size:32px;}
}
@media (min-width: 1400px){
}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
@media (max-width: 550px){
	#mainpage .shadow-text{width:90%;bottom:0%;top:80%;}#mainpage .img-caption{text-align:font-size:18px;font-weight:700}
	#mainpage .last {font-size:18px;}#mainpage .caption1{margin-bottom:-15px;}#mainpage h3{font-size:12px;letter-spacing:3px;}
	#mainpage  .btn-lg{padding:2px 3px;border-radius:2px;font-size:12px;}#mainpage .carousel-indicators li{margin:0px 5px -15px 5px;}
	#mainpage .carousel-indicators .active{margin:0px 5px -15px 5px;}
	#mainpage .img01,#mainpage .img02,#mainpage .img03,#mainpage .img04,#mainpage .img05,#mainpage .img06,#mainpage .img07,#mainpage .img08,#mainpage .img09,#mainpage .img10,#mainpage .img11,#mainpage .img29,#mainpage .img49,#mainpage .img61,#mainpage .img64,#mainpage .img65{height:150px;background-size: auto;}
	#mainpage  hr , #additional hr{width:30%;top:5px;height: 1px;}
    #payment .p_img01{height:35px;}
    
	#product .imgtable, #product .orderbtn1{display:none}
    #product .orderbtn{display:block}
	#cart .vflex1{	height:0px;	}
}
@media (min-width: 551px) {
    #product .orderbtn{display:none}
}


@media screen and (max-width: 1040px) {
  .js .menu-wrapper nav[role=navigation] {
    overflow: hidden;
    max-height: 0em;
  }
  .js .menu-wrapper nav[role=navigation].active {
    max-height: 40em;
    transition: max-height 0.5s ease-out;
  }
  .menu-wrapper {
    /* unhide the 2nd level */
    /* styling the toggle menu */
    /* arrow to indicate that we have subnav*/
  }
  .menu-wrapper a:after {content: ''; }
  .menu-wrapper a.menu-link {
	text-align:center;
    display: block;
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    border: none;
    margin: 0;
  }
  .menu-wrapper a.menu-link:hover {
    background: #28357A;
  }
  .menu-wrapper a.menu-link.active .fa .fa-caret-up:before {
    content: "\f0d7";
  }
  .menu-wrapper .menu .menu {
    padding-bottom: 5px;
  }
  .menu-wrapper .menu li {
    display: block;
    border: 1px solid pink;
    border: none;
  }
  .menu-wrapper .menu > li {
    width: 100%;
    padding: 0px;
    border: none;
  }
  .menu-wrapper .menu > li + li {
    border-top: 1px dashed #576BC8;
  }
  .menu-wrapper .menu a {
    padding: 0.5em 0;
    margin: 0px;
    border: none;
  }
  .menu-wrapper .menu a:hover {
    background: #28357A;
  }
  .menu-wrapper .menu .rightalign {
    float: none;
  }
  .menu-wrapper li + li a:before {
    content: "";
  }
  .menu-wrapper li:hover .sub-menu {
    max-height: 0em;
    transition: none;
  }
  .menu-wrapper .sub-menu {
    background: none;
    margin-left: 0px;
    margin-top: -10px;
    display: block;
    width: 100%;
  }
  .menu-wrapper .sub-menu li,
  .menu-wrapper .sub-menu li a {
    margin: 0;
    display: block;
    width: 100%;
  }
  .menu-wrapper .sub-menu a {
    padding-left: 0.8em;
  }
  .menu-wrapper .sub-menu a:hover {
    background: #576BC8;
  }
  .menu-wrapper .sub-menu li {
    background: #28357A;
    border-bottom: 1px dashed #576BC8;
  }
  .menu-wrapper .sub-menu li:last-child {
    padding: 0;
  }
  .menu-wrapper .sub-menu li:last-child a {
    border: none;
  }
  .menu-wrapper .menu .has-subnav {
    position: relative;
  }
  .menu-wrapper li .sub-menu.active {
    max-height: 30em;
    overflow: visible;
    position: relative;
    z-index: 9;
    transition: max-height 0.5s ease-out;
  }
  .menu-wrapper a:after {font-family:'FontAwesome'; content:"\f0d7" }
  .menu-wrapper a.active:after {font-family:'FontAwesome'; content:"\f0d8" }
  .menu-wrapper a:only-child:after {content: ''; }
  .menu-wrapper .toggle-link {
    height: 35px;
    width: 60px;
    display: block;
    position: absolute;
    right: 0px;
    z-index: 200;
    font-size: 0em;
    cursor: pointer;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
  }
  .menu-wrapper .toggle-link:hover {
    transition: all 0.2s;
    background: #28357A;
  }
  .menu-wrapper .menu .has-subnav > .toggle-link:after {
    content: "\f0d7";
    position: absolute;
    width: 50px;
    top: 50%;
    margin-top: -8px;    
    right: 4px;
    font-size: 20px;
    color: #fff;
  }
  .menu-wrapper .menu .has-subnav > .toggle-link.active:after {
    content: "\f0d8";
    margin-top: -8px;
  }
}