/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/


@media (min-width: 1200px) {
	

}
@media (min-width: 992px) and (max-width: 1199px) {
	.ctrl-2 .owl-nav > .owl-next { right: 0; }
	.ctrl-2 .owl-nav > .owl-prev { left: 0; }

	
	
	/* INDEX HERO
	=========================*/
	.intro-index .caption { width: 980px; margin-left: -490px; }
	.intro-index .caption > .sub-text,
	.intro-index .main-text { font-size: 26px; }
	.intro-index .caption > .sub-text { width: 300px; }

}

/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 991px) {
	
	h1, .hd-1 { font-size: 40px; margin-bottom: 30px; }
	h2, .hd-2 { font-size: 30px; margin-bottom: 20px; }
	h3, .hd-3 { font-size: 20px; margin-bottom: 15px; }
	h4, .hd-4 { font-size: 18px; margin-bottom: 15px; }
	h5, .hd-5 { font-size: 16px; margin-bottom: 15px; }
	h6, .hd-6 { font-size: 14px; margin-bottom: 10px; }

	.title { font-size: 30px !important; margin-bottom: 20px; }
	.title-sub { font-size: 16px !important; margin-bottom: 20px; }

	.ctrl-2 .owl-nav > div {
		background-color: rgba(0,0,0,0.3);
		color: #fff;
	}
	.ctrl-2 .owl-nav > .owl-next { right: 0; }
	.ctrl-2 .owl-nav > .owl-prev { left: 0; }

	.ctrl-2 .owl-dots,
	.ctrl-1 .owl-dots { margin: 0px; }

	[class*="gt"] { margin-left: -15px; margin-right: -15px; }
	[class*="gt"] > [class*="col-"] { padding-left: 15px; padding-right: 15px; }
	
	.cm-item, .cm > .cm-item,
	.vm-item, .vm > .vm-item {
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		position: static;
		top: auto;
		left: auto;
	}
	.rw > [class*="cl"] { width: 100%; }
	.tbl-gr > [class*="cl"], 
	.tbl-gr > [class*="col-"] {
		display: block;
	}
	

	.popup-form,
	#popup-contact-form,
	.popup-form .pop-body,
	.popup-form .pop-header,
	.popup-content .pop-header,
	.popup-content .pop-body {
		padding: 15px;
	}
	
	/* Product boxes
	=========================*/
	.vending-product .price span {	top: 27%; }
	.product-box2 .info, 
	.product-box2 .img {
		display: block;
		width: auto;
		min-height: inherit;
	}

	/* Swiper gallery
	=========================*/
	.swiper-gallery .caption { max-width: 300px; }
	.swiper-gallery .caption1 { padding: 24px 20px; }
	.swiper-gallery .caption1 .title { font-size: 18px !important; margin-bottom: 0; }
	.swiper-gallery .caption1 .price { font-size: 22px; margin-bottom: 10px; }
	.swiper-gallery .caption1 .tag-text {
		font-size: 13px;
		padding: 6px 10px;
	}
	.swiper-gallery .caption1 hr { margin: 10px 0; }
	.swiper-gallery > .title { font-size: 20px !important; padding-top: 16px; padding-bottom: 16px; }
	.swiper-gallery .caption .title.small { font-size: 20px !important; line-height: 1.4; }
	.swiper-gallery .caption hr { margin-top: 10px; margin-bottom: 10px; }

	/* Tabs
	=========================*/
	.tabs-auto .tb-list > li { display: block; }
	

	/* NAVIGATION
	********************************************/
	.nav {
		display: none;
		height: auto !important;
		bottom: inherit !important;
		text-align: center !important;
		position: static !important;
		padding: 10px;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		float: none !important;
	}
	.nav-links { display: block; }
	.nav-header { position: relative; }
	.nav-header,
	.nav ul > li { float: none !important; }
	.nav.open,
	.nav-handle { display: block; }
	.nav-wrp .nav { margin: 0 -15px; }
	/* .nav-wrp { position: static; } */
	.navbar-brand { padding: 10px 0; }
	.nav-wrp .navbar-brand img { max-height: 30px; }
	.m-nav { box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.1); }
	.dark .m-nav { box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.1); }

	/* Navigation - 3
	=========================*/
	.top-nav .nav-other { 
		padding: 10px 0;
		margin: 0;
		border: none;
		display: block;
	}
	.top-nav .nav-other .btn { 
		display: block;
		margin: 0 0 10px 0;
	}
	

	/* Intro - 15
	=========================*/
	.intro-index .caption {
		margin-left: 0px;
		left: 0px;
		width: 100%;
	}
	.intro-index .caption > .sub-text,
	.intro-index .caption > div {
		display: block;
		width: 100%;
	}
	.intro-index .caption > .sub-text,
	.intro-index .main-text {
		font-size: 18px;
		padding: 10px;
	}
	.intro-index .caption > .sub-text > i {
		right: 14px;
		font-size: 40px;
		margin-top: -20px;
	}
	.intro-index .main-text > .tag-text { top: -30px; font-size: 14px; }


	/* Intro - 18
	=========================*/
	.intro-inside { height: auto; }
	.intro-inside .caption { max-width: inherit; text-align: center; }


	/* Slider - 3
	=========================*/
	.slider-index { padding: 35px 0; }

	
	/* Other - 10
	=========================*/
	.servicios { padding: 35px 0; }
	.servicios .tab-widget {
		display: block;
		text-align: center;
	}
	.servicios .tab-widget li { display: block; padding: 10px; }
	.servicios .tab-widget li > a { margin: auto; }
	.servicios .btn { padding: 10px 20px; font-size: 16px; }


	/* CONTACT FORMS
	********************************************/
	.contact-section { padding: 35px 0; text-align: center; }
	.contact-section .l .form-block { padding: 20px; margin-bottom: 35px; }
	
	/* Product - 2
	=========================*/
	.product-section { padding: 35px 0; }


}


/*===========================================*/
/*	TABLET
/*===========================================*/
@media (min-width: 768px) and (max-width: 991px) {

}


/*===========================================*/
/*	MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 767px) {
	/* Zoom carousel
	=========================*/
	.zoom-carousel .center .content{
		-webkit-transform: scale(1);
		-moz-animation: scale(1);
		-ms-animation: scale(1);
		animation: scale(1);
		box-shadow: none;
	}

}
@media (min-width: 600px) and (max-width: 767px) {
}
@media (min-width: 480px) and (max-width: 599px) {

}
