@import url("docs.css");
@import url("addons.css");
@import url("theme.css");
@import url("menu.css");
@import url("css3.css");
@import url("colorbox.css");
@import url("widgets.css");

#yt-responsivemenu {
    display: none;
}
.yt_ressidebar_screennav{
	display:none;
}
#confirmbox #product-options-wrapper select option,
#confirmbox #product-options-wrapper select,
#confirmbox #product-options-wrapper input{
	border-color:#909090;
}



textarea, input, select,
input[type="file"], 
/*input[type="checkbox"],*/ 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"]{	
	padding: 7px 10px;	
	border: 1px solid #454545;
	outline:none !important;
	-webkit-box-shadow: none; 	
	-moz-box-shadow: none; 	
	box-shadow: none;
	background-color:transparent;
	color:#999999;
}
select{
	padding: 6px 6px 6px 10px;
}

textarea:focus, select:focus,
textarea:hover, select:hover, 
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="radio"]:focus,
.uneditable-input:focus {
	border: 1px solid #454545;
	outline:none !important;
	-webkit-box-shadow: none; 	
	-moz-box-shadow: none; 	
	box-shadow: none;
	background-color:transparent;
	color:#999999;
}

input[type="radio"], 
input[type="checkbox"] {
    float: left;
    margin: 2px 7px 0 0;
	border:none !important;
}

input.input-text:focus, textarea:focus{
	/*border: 1px solid #ccc;*/
}

/***---Device---***/
@media (min-width: 1200px) {
	.layout-boxed #yt_wrapper,
	#yt_wrapper #yt_content-inner{
		width:1200px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.sm_quickview_handler{
		display: none !important;
	}
	#yt_wrapper #yt_content #yt_content-inner,
	.layout-boxed #yt_wrapper{
		width:1000px;
	}
	#yt_content .banner-ads-home ul#bannerads-home li.active{
		min-height:319px !important;
	}
	.sm-imageslider .sm-imageslider-inner .owl-nav .owl-prev,
	.sm-imageslider .sm-imageslider-inner .owl-nav .owl-next {
		top: 41%;
	}
/***--------------------header-------------------------***/	
	
}
@media (min-width: 768px) and (max-width: 991px) {
	.sm_quickview_handler{
		display: none !important;		
	}
	#cpanel_btn, #cpanel_wrapper{
		display: none;
	}
	#yt_wrapper #yt_content .yt_content-inner,
	.layout-boxed #yt_wrapper{
		width:1000px;
	}
	.dynamicslideshow-container .header-video-inner{
		height:339px !important;
	}
#yt_header .top-search #search_mini_form .form-search{ display:none;}

#yt_header .top-search:hover #search_mini_form .form-search{ display:block;}

	#yt_content .banner-ads-home ul#bannerads-home li.active{
		min-height:298px !important;
	}

	.sm-imageslider .sm-imageslider-inner .owl-nav .owl-prev,
	.sm-imageslider .sm-imageslider-inner .owl-nav .owl-next {
		top: 41%;
	}
/***--------------------header-------------------------***/

	#yt_header .yt-menu{
		display: none;
	}
	#yt_header .yt-responsivemenu{
		display: block;
	}
	.yt_ressidebar_screennav {
		display:block;
		left: 0;
		bottom: 0;
		top: 0;
		position: absolute;
		z-index: 999;
	}
/*--------------------home page------------*/
	/*#yt_header .header-video .header-video-inner iframe{
		height:300px !important;
	}*/
	.mini-cartpro .block-title .btn-cart-emty, .mini-cartpro .block-title .btn-toggle{
		margin-left:0px;
	}
	#yt_main .home-services .home-service{
		clear:both;
	}
	#yt_main .home-services .home-service1 .home-service-inner, 
	#yt_main .home-services .home-service3 .home-service-inner{
		margin-right:0px;
	}
	#yt_main .home-services .home-service2 .home-service-inner, 
	#yt_main .home-services .home-service4 .home-service-inner{
		margin-left:0px;
	}
	.home-services .home-servies-content .home-service3 .home-service-inner{
    	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    	display: inline-block;
    	padding-bottom: 30px;
	}
	#yt_main .home-services .home-service2 .home-service-inner{
		padding-top:30px;
	}
	
	#blog-slider .vpo-wrap .vp .item{width: 31.5%;}
	
	#yt_content .banner-ads-home .banner-ad .banner-shopnow,
	#yt_content .banner-ads-home .banner-ad .banner-desc{
		margin:0;
	}
	#yt_content .banner-ads-home .banner-ad .banner-title span{
		width:100%;
		display:inline-block;
	}
	
	.yt-tab-listing .respl-tabs-container .respl-tabs > li span{
		padding:0 14px;
	}
	
	.special-product-wrap .btn-special-wrap{
		margin: 20px 7px;
   	 	top: 105px;
	}
	.block-coming-soon .coming-soon-news ul li .date{
		margin-left:20px;
	}
	#yt_right .block-bannerhome-right .banner-men{
		display:none;
	}
	
	#yt_footer .shopping-withus-content{
		width:100%;
	}
	#yt_footer .shopping-withus3{
		padding-bottom:25px;
	}
	
	#options-tab{
		top: 50px !important;
	}
	
	.mini-cartpro .block-title{
		padding-left:0px;
	}
/*---listing----*/
	#yt_main .products-list .product-image{
		width:100%;
		text-align:center;
	}
	#yt_main .products-list .product-info{
		width:100%;
		padding:20px;
	}
	.product-price .price-box .price-to{
		float:none;
	}
/*---about us----*/
	.aboutus .about-left .carousel-inner > .item > img {
		max-width:100%;
	}
	.aboutus .about-left .carousel-inner > .item{
		width:100%;
	}
	.aboutus .about-right{
		clear:both;
		margin-top:60px;
	}
	.our-team .member-inner img{
		margin-right:0px;
	}
	.our-team .member-inner .member-info{
		margin-bottom: 20px;
	}
	.our-team .member-inner .member-info a{
		width:100%;
		display:inline-block;
		margin-top:10px;
	}
	.our-team .member-inner{
		padding:10px;
	}
	.contactus-page .contact-us-locator{
		margin-top:30px;
	}
/*---blog----*/
	#blog-list .postRight,
	#blog-list .postImage{
		width:100%;
	}
	#blog-list .postRight{
		margin-top:30px;
	}
	#blog-detail table.table-img{
		display:none;
	}
/*----my account----*/
	.my-account{
		padding:0;
		border:none;
	}
	/*.my-account input.input-text{
		width:200px;
	}*/
	.my-account #form-validate .form-list li,
	.my-account #form-validate .form-list li .field{
		width:100%;
	}
	#yt_right .block-account .block-title{
		padding: 10px;
	}
	#wishlist-table .add-to-cart-alt .button{
		padding:5px 2px !important;
	}
	#cart-sidebar-reorder input[type="checkbox"]{
		margin:5px 7px 0 0;
	}
	#my-orders-table.data-table th{
		padding:10px 0px;
	}
/*------------------------detail page---------------------------*/	
	.yt-product-detail .yt-detail-right,
	.yt-product-detail .yt-detail-left{
		width:100%;
	}
	.yt-product-detail .yt-detail-right{
		/*padding-top:30px ;padding-left:10px;padding-right:0px;*/
		clear:both;
		padding:20px 0 0 0;
	}
	.yt-product-detail .yt-detail-right .product-add-box ul.add-to-links{
		margin-right:33%;
	}
	.yt-product-detail .tab-product-detail{
		border:none;
	}
	.yt-product-detail .yt-detail-right .wrap-qty .qty-set input.quantity-minus:hover,
	.yt-product-detail .yt-detail-right .wrap-qty .qty-set input.quantity-minus{
		background-position: 6px -12px !important;
	}
	.yt-product-detail .yt-detail-right .wrap-qty .qty-set input.quantity-plus:hover,
	.yt-product-detail .yt-detail-right .wrap-qty .qty-set input.quantity-plus{ 
		background-position:6px 6px !important;
	}
	.yt-product-detail .yt-detail-right .product-options dt label{
		width:100%;
	}
	.yt-product-detail .tab-product-detail .yt-tab-navi > li{
		width:100%;
		border-bottom:1px solid #454545;
	}
	.yt-product-detail .tab-product-detail .yt-tab-navi > li.first{
		border-top:1px solid #454545;
	}
	.yt-product-detail .tab-product-detail .yt-tab-navi > li:hover:before, 
	.yt-product-detail .tab-product-detail .yt-tab-navi > li.active:before{
		content:"";
	}
	
	.block-compare .actions button.button{
		clear:both;
		margin-top:20px;
	}
	.block-compare #compare-items{
		margin-bottom:20px;
	}
		
	#yt_main .products-grid .product-addtocart .product-addtocart-inner{
		padding:5px 15px;
	}
	.yt-product-detail .tab-product-detail .yt-tab-content .collateral-box .box-collateral .form-add #productTagName{
		margin-right:15px;
	}
}
@media (max-width: 767px) {
	.dynamicslideshow-container .tp-leftarrow.default,
	.dynamicslideshow-container .tp-rightarrow.default,
	.dynamicslideshow-container .hiddenphone-caption,
	.sm_quickview_handler{
		display: none !important;
	}
	#cpanel_btn{
		display: none;
	}
	.mini-cartpro .block-content{
		width:320px;
	}
	#yt_main{
		padding-right:0;
	}
	#yt_wrapper #yt_content #yt_content-inner{
		padding-top:0px;
	}
#yt_header .top-search #search_mini_form .form-search{ display:none;}

#yt_header .top-search:hover #search_mini_form .form-search{ display:block;}
	.sm-imageslider .sm-imageslider-inner .owl-nav .owl-prev,
	.sm-imageslider .sm-imageslider-inner .owl-nav .owl-next {
		top: 20%;
	}
/***--------------------header-------------------------***/		
	#yt_header ul.links li{
		padding-right:10px !important;
	}
	.header-cart .mini-cartpro .block-title .btn-cart-emty, .header-cart .mini-cartpro .block-title .btn-toggle{
		margin-left:0px;
		display:none;
		background:none;
	}
	.header-cart .mini-cartpro.block{
		width:50px;
		float:right;
	}
	.mini-cartpro .block-content{
		display:none !important;
	}
	.mini-cartpro .block-title{
		width:100%;
	}
	.mini-cartpro .block-title .summary .amount span{
		display:none;
	}
	#yt-responsivemenu .btn.btn-navbar{
		margin-left:10px !important;
	}
	/*.mini-cartpro .block-title .summary .amount a{
		width:100%;
	}*/
	.mini-cartpro .block-title .summary{
		height:80px;
		width:100%;
	}
	#yt_content .banner-ads-home{
		display: none;
	}
	#yt_header .yt-menu{
		display: none;
	}	
	#yt_header .yt-responsivemenu{
		display: block;
	}
	.yt_ressidebar_screennav {
		display:block;
		left: 0;
		bottom: 0;
		top: 0;
		position: absolute;
	}
	.yt-header-top{
		height:auto;
	}
	#yt_header ul.links{
		padding-top:20px;
	}
	#yt_header .kampe-logo{
		margin-top:20px;
	}
	#yt_header .header-right{
		float:left;
	}
	#yt_header .top-search:hover #search_mini_form .form-search{
		bottom:0px;
	}
	.mini-cartpro .block-title{
		padding-left:0px;
	}
	/*.yt-header-top,
	.yt-header-under{
		padding:0 10px;
	}*/
	#yt_header .yt-header-under .header-cart{
		/*width:40%;*/
		margin-right:10px;
	}
	.yt-header-top{
		position:relative;
		z-index:12;
	}
	.yt-header-under{
		position:relative;
		z-index:11;
	}
	.mini-cartpro .block-title .btn-cart-emty, .mini-cartpro .block-title a.btn-toggle{
		margin-left:0;
		width:100%;
	}
	#yt_header .header-video-inner iframe{
		height:auto !important;
	}
/***--------------------footer-------------------------***/	
	#yt_footer .yt-footer-wrap{
		padding:0 10px;
	}
	#yt_footer .yt-footer-wrap .footer-right{
		padding-left:0px;
	}
	#yt_footer .shopping-withus-content{
		padding-left:50px;
		width:100%;
	}
	#yt_footer .shopping-withus3,
	#yt_footer .shopping-withus4{
		padding-bottom:25px;
	}
/***--------------------content-------------------------***/
	.catalog-product-view #yt_content{
		padding:0;
	}
	.yt-product-detail .yt-detail-right .add-to-cart .button.btn-cart{
		margin: 20px 0px 0;
		float:right;
	}
	.yt-product-detail .tab-product-detail .yt-tab-content{ padding:20px 10px;}
	#yt_content{
		padding:0 10px;
	}
	#yt_right{
		padding:0px;
		margin-top:10px;
	}
	#yt-totop{
		right:10px;
	}
	.yt-tab-listing .respl-wrap .respl-items-container{
		margin:0;
	}
	.yt-tab-listing .respl-wrap .respl-tabs-container .respl-tabs-title{
		width:100%;
	}
	.yt-tab-listing .respl-tabs-container .respl-tabs > li{
		width:100%;
	}
	.yt-tab-listing .respl-tabs-container .respl-tabs > li.tab-sel:before, 
	.yt-tab-listing .respl-tabs-container .respl-tabs > li:hover:before{
		display:none;
	}
	#yt_main .home-services .home-service{
		clear:both;
	}
	#yt_main .home-services .home-service1 .home-service-inner, 
	#yt_main .home-services .home-service3 .home-service-inner{
		margin-right:0px;
	}
	#yt_main .home-services .home-service2 .home-service-inner, 
	#yt_main .home-services .home-service4 .home-service-inner{
		margin-left:0px;
	}
	.home-services .home-servies-content .home-service3 .home-service-inner{
    	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    	display: inline-block;
    	padding-bottom: 30px;
	}
	#yt_main .home-services .home-service2 .home-service-inner{
		padding-top:30px;
	}
	.home-services .home-service-icon{
		margin-top:20px;
	}
	
	#blog-slider .vpo-wrap .vp .item{width: 100%;}
	
	
/*------------------------detail page---------------------------*/	
	.yt-product-detail .yt-detail-right,
	.yt-product-detail .yt-detail-left{
		width:100%;
	}
	.yt-product-detail .yt-detail-right{
		padding-top:30px ;
		clear:both;
		padding-left:10px;padding-right:10px;
	}
	.yt-product-detail .tab-product-detail{
		border:none;
	}
	.yt-product-detail .tab-product-detail .yt-tab-navi > li{
		width:100%;
		border-bottom:1px solid #454545;
	}
	.yt-product-detail .tab-product-detail .yt-tab-navi > li.first{
		border-top:1px solid #454545;
	}
	.yt-product-detail .tab-product-detail .yt-tab-navi > li:hover:before, 
	.yt-product-detail .tab-product-detail .yt-tab-navi > li.active:before{
		content:"";
	}
	.yt-product-detail .tab-product-detail .yt-tab-content #addTagForm label{
		width:100%;
	}
	.special-product-wrap .btn-special-wrap{
		top:180px;
		margin:20px 70px;
	}

	#yt_wrapper .page-title{
		display:none;
	}
	
	
/*------------------------listing---------------------------*/
	.toolbar .toolbar-inner .pagination-wrap{
		width:100%;
		margin:20px 0;
	}
	#yt_main .products-list .product-image{
		width:100%;
		text-align:center;
	}
	#yt_main .products-list .product-info{
		width:100%;
		padding:20px;
	}
	#yt_main .products-list .item .add-to-links{
		float:right;
		margin-top:25px;
	}

	/*---blog----*/
	#blog-list .postRight,
	#blog-list .postImage{
		width:100%;
	}
	#blog-list .postRight{
		margin-top:30px;
	}
	#blog-detail table.table-img{
		display:none;
	}
	/*---------------------about us, contact us-----------*/
	.aboutus .about-right{
		clear:both;
		margin-top:60px;
	}
	.our-team .member-inner img{
		margin-right:0px;
	}
	.our-team .member-inner .member-info{
		margin-bottom: 20px;
	}
	.our-team .member-inner .member-info a{
		width:100%;
		display:inline-block;
		margin-top:10px;
	}
	.our-team .member-inner{
		padding:10px;
		margin-bottom:30px;
	}
	
	.contact-us-locator{
		margin-top:20px;
	}
	.contactus-page .contact-us-locator .locator-info .locator-address{
		background-position:0 20px;
	}
	
	.my-account .col2-set .col-1, .account-login .col2-set .col-1,
	.my-account .col2-set .col-2, .account-login .col2-set .col-2{
		width:100%;
	}
/*----general----*/	
	/*.data-table {
		table-layout: fixed;
	}	*/
	.data-table thead th, .data-table thead td, 
	.data-table tr.even th, .data-table tr.odd td, 
	.data-table tr.odd th, .data-table tr.even td, 
	.data-table tfoot td, .data-table tr.first th, 
	.data-table tr.first td {
		border: medium none !important;
		display: block;
		float: none !important;
		text-align: center;
		width: auto !important;
	}
	.data-table thead th,
	.data-table tr.even th, 
	.data-table tr.odd th, 
	.data-table tr.first th{
		background:#777777;
		color: #FFFFFF;
		margin-bottom: 1px;
		min-height: 30px;
	}
	select {
		width: 100%;
	}
}

/*---------Style for menu res-----------*/
/*---------------menu sidebar----------------*/
#yt-responsivemenu .btn.btn-navbar {
    top: 0;
    left: 0;
    margin: 0;
    position: absolute;
	padding: 7px 10px 6px 10px;
	line-height: 100%;
	font-size: 21px;
	color: #fff;
	outline: none;
	border-radius: 0;
	top: 20px;
}
#yt_resmenu_sidebar {
    display: none;
}
.onpen-sidebar #yt_wrapper{
	padding-left: 10px;
}
#yt_wrapper{
	position: relative;
	left: 0;
}
.onpen-sidebar #yt_wrapper,
.onpen-sidebar .yt_ressidebar_screennav {	
	margin-left: 0;
	left: 220px;
}
.yt_ressidebar_screennav #yt_screennav {
    background: #222;
    left: 0;
	top: 0;
    margin: 0;
    position: absolute;
	margin-left: -220px;
    width: 220px;
	height: 100%;
}
#yt_screennav ul.siderbar-menu li ul{
	padding-left:15px;
}
#yt_screennav ul.siderbar-menu li a {
	padding: 9px 0 9px 10px;
	line-height: 100%;
	display:block;
	border-bottom: 1px solid #444;
}
/*---------------menu collapse---------*/
#yt_resmenu_collapse{
	position:absolute;
	left: 0;	
	z-index: 999;
	top: 67px;
	width:100%;
}
#yt_resmenu_collapse ul.nav-menu{
	background-color: #222;
}
#yt_resmenu_collapse ul.nav-menu > li:hover,
#yt_resmenu_collapse ul.nav-menu > li.active{
	color:#FFF;
}
#yt_resmenu_collapse ul.nav-menu > li > a {
    border-bottom: 1px solid #444;
}
#yt_resmenu_collapse ul.nav-menu > li:hover,
#yt_resmenu_collapse ul.nav-menu > li.active,
#yt_resmenu_collapse ul.nav-menu > li.active > a > span,
#yt_resmenu_collapse ul.nav-menu > li:hover > a > span{
	color:#FFF;
}
.nav-collapse .nav-menu > li > a, 
.nav-collapse .dropdown-menu a {           
    padding: 8px 10px;
	display: block;
}
.nav-collapse .nav-menu > li {
    float: none;
	position:relative;
	z-index:10;
}
ul.nav-menu li.parent {
    position: relative;
}
.nav-collapse .nav > li {
    float: none;
}
ul.nav-menu li.parent .menuress-toggle.menuress-toggle:before {
    content: "\f107";
	font-family: 'FontAwesome';
	font-size:20px;
	display:block;
}
ul.nav-menu li.parent.open .menuress-toggle.menuress-toggle:before {
    content: "\f106";
	font-family: 'FontAwesome';
	font-size:20px;
	display:block;
}
ul.nav-menu li.parent .menuress-toggle {
    cursor: pointer;   
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 40px;
	color:#909090;
}
ul.nav-menu li.parent > .res-wrapnav {
    height: 0;
    opacity: 0;
}
ul.nav-menu li.parent > .res-wrapnav ul{
	position:relative;
	z-index:1;
}
ul.nav-menu li.parent.open > .res-wrapnav {
    display: block;
    opacity: 1;
	background:#2B2B2B;
	border-bottom: 1px solid #444;
}
ul.nav-menu li.parent > .res-wrapnav ul li{
	padding:5px 5px 5px 15px;
}
/*---------------menu responsive selectbox---------*/
.menu-selectbox .icon-reorder {
    top: -10px;
    left: 0;
    margin: 0;
    position: absolute;
	padding: 8px 11px;
	line-height: 100%;
	font-size: 21px;
	color: #fff;
	outline: none;
	border-radius: 0;
}
#yt-responsivemenu .menu-selectbox{
	position:relative;
	top: 10px;
}
#yt-responsivemenu .menu-selectbox > select {
    opacity: 0;
    padding: 0;
	height: 38px;
	width: 100%;
}
#yt-responsivemenu .menu-selectbox > select > option{
	width: 100%;
	padding:5px 10px;
}