/* 
xs (for phones - screens less than 768px wide)
sm (for tablets - screens equal to or greater than 768px wide)
md (for small laptops - screens equal to or greater than 992px wide)
lg (for laptops and desktops - screens equal to or greater than 1200px wide)
*/

@media screen and (max-width:1140px) and (min-width: 813px){
	.point .s-callout:before {
		width: 100px;
	}
	
	.point .s-callout.s-left {
		left: -120px;
	}

	.point .s-callout.s-right{
		right: -300px;
	}
	
	.point .s-callout.s-left p{
		left: -265px;
		font-size: 14px;
	}
	
	.point .s-callout.s-right p{
		right: -80px;
		font-size: 14px;
	}
	
	.tabs-wrapper .nav-tabs > li{
		width: 12%;
	}
	
	.tabs-wrapper .nav-tabs > li > a{
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	header .top-header { padding-bottom: 0; }
	.top-header .row { position: relative; min-height: 126px; }
	.top-header .col-md-4 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 65%;
		display: flex;
		align-items: center;
	}
	.top-header .logo-wrap { min-height: 0; }
	.top-header .col-md-5 { position: absolute; top: 18px; right: 0; width: 35%; }
	.top-header .horizontal-menu { margin-top: 0; }
	.top-header .navbar-nav > li { display: block; float: none; }
	.top-header .navbar-default .navbar-nav > li > a { margin: 0 0 5px; }
	.top-header .col-md-3 { position: absolute; right: 0; bottom: 15px; width: 35%; height: 32px; }
	.top-header .header-right { float: none; }
	.top-header .contra-link { position: static; float: none; margin: 0; }
}

@media screen and (max-width: 450px) {
	.top-header .logo img { width: 80px; height: auto; }
}

@media screen and (max-width:812px){
	
	/* ~~~~~~~ Product Top Section Scheme ~~~~~~~ */
	
	.point .s-callout {
		width: 260px;
		
	}
	.point .s-callout:before {
		content: none;
	}
	.point .s-callout.s-left,
	.point .s-callout.s-right	{
		left: 0;
		right: inherit;
	}
	
	.point .s-callout p{	
		width: 260px;
		top: 0;
		font-size: 13px;
		background: rgba(255,255,255,.8);
		padding: 10px 15px;
		box-shadow: 0 0 10px #aaa;
}
	.point .s-callout.s-left p,
	.point .s-callout.s-right p{
		left: -105px;
		right: inherit;
		text-align: left;
	}
}

@media screen and (min-width:568px) and (max-width:812px){
	
	/* ~~~~~~~ Product Top Section Scheme ~~~~~~~ */
	
	.pm-items-wrapper .pm-item{width: 12%;}
	.pm-items-wrapper .pm-item .pm-title{font-size: 11px;}
}



@media screen and (max-width:768px){
header .col-md-3{
		position: static;
	}
	
	.mobile-top{
		position: absolute;
		top: 0;
		right: 10px;
		float: none!important;
	}
	
	.top-header{padding-bottom: 15px;}

	.horizontal-menu{text-align: left; margin-top: 23px;}
	.navbar-nav{display: block; margin: 0; }
	.navbar-default .navbar-nav > li > a{margin: 0 20px 0 0; text-decoration: underline;}
	.contra-link{
		position: absolute;
		top: 40px;
		right: 0;
		margin-right: 10px;
	}

	#utp h1{font-size: 55px; margin-bottom: 15px;}
	#utp .subtitle{font-size: 45px;}
	#utp-more{font-size: 17px; line-height: 25px; margin: 30px 0 75px; padding-top: 25px;}
	h2, .h2{font-size: 28px;}
	.tab-content{margin: 0;}
	.tab-content .tab-text{padding: 0 20px;}
	.tabs-wrapper .nav-tabs > li{
		width: 33.3%;
		height: 143px;
		margin-bottom: 0;
		font-size: 14px;
	}
	.products_wrapper .tabs-wrapper .nav-tabs > li{height: auto;}
	.products_wrapper .tabs-wrapper .nav-tabs{margin-top: 20px;}
	.tabs-wrapper .nav-tabs > li{
		width: 20%;
	}
	.tabs-wrapper .nav-tabs > li > a{font-size: 14px;}
	.tab-content .tab-text h3{margin-bottom: 23px;}
	#home-end{font-size: 21px; line-height: 28px;}
	.home_slider_wrapper{margin-top: 20px;}
	.footer-menu{text-align: left;}
	.footer-menu .navbar-nav > li > a{
		padding-bottom: 0;
		text-decoration: underline;
	}
	
	.mt20{height: 10px;}
	.mt35{height: 15px;}
	.mt50{height: 25px;}
	.mt70{height: 35px;}

	.text21{
		font-size: 17px;
	}
	
	.text-big-thin, .product-top .subtitle{font-size: 37px;}
	.text-medium-thin{font-size: 24px;}

	
	/* ~~~~~~~ Product Top Section Scheme ~~~~~~~ */
	
	.point .s-callout {
		width: 260px;
		
	}
	.point .s-callout:before {
		content: none;
	}
	.point .s-callout.s-left {
		left: 0;
	}

	.point .s-callout.s-right{
		right: 0;
	}
	
	.point .s-callout p{	
		width: 260px;
		top: 0;
		font-size: 13px;
		background: rgba(255,255,255,.8);
		padding: 10px 15px;
		box-shadow: 0 0 10px #aaa;
}
	.point .s-callout.s-left p,
	.point .s-callout.s-right p{
		left: -105px;
		right: inherit;
		text-align: left;
	}
	#one{left: 0; margin-left: 0;}
	.section-bg{background-image: none!important;}
	.section-only-bg.wintap-eco-twin-bg{height: 330px;}
}

@media screen and (max-width:550px){
	/* ~~~~~~~ Product Top Section Scheme — Points Coordinates ~~~~~~~ */
	
	.product-scheme-wrapper .scheme-photo{
		background-size: 120%;
	}
}

@media screen and (max-width:480px){
	h3, .h3{
		font-size: 24px;
	}
	
	.point .s-callout p{	
		width: 220px;
	}
	
	.point .s-callout.s-left {
		left: 100px;
	}
		
	.pm-items-wrapper .pm-item{
		width: 33.3%;
	}
	
	.lang-widget {
		position: absolute;
		top: 50px;
		right: 0;
		width: 60px;
		margin: 0;
	}
	.qtranxs_widget ul li{
		margin: 0 10px 0 0;
		font-size: 14px;
	}
	
	img.out-of-grid{
		max-width: 100%;
	}
	
	.contra-link{
		top: 65px;
	}
	
	.tabs-wrapper .nav-tabs > li{
		width: 33%;
	}
	
	.f-device-item{margin: 0;}
	.section-only-bg.wintap-eco-twin-bg{height: 130px;}

/* ~~~~~~~ LUX Scheme Points ~~~~~~~ */

.point.lux-p1{left: 60%; top: 190px;}
.point.lux-p2{left: 35%; top: 80px;}
.point.lux-p3{left: 55%;}
.point.lux-p4{left: 19%;}
.point.lux-p5{left: 37%; top: 190px;}
.point.lux-p6{left: 63%; top: 125px;}
.point.lux-p7{left: 32%;}

/* ~~~~~~~ ECO-LUX Scheme Points ~~~~~~~ */

.point.eco-lux-p1{left: 55%; top: 198px;}
.point.eco-lux-p2{left: 35%; top: 80px;}
.point.eco-lux-p3{left: 49%; top: 375px;}
.point.eco-lux-p4{left: 15%;}
.point.eco-lux-p5{left: 35%;}
.point.eco-lux-p6{left: 65%; top: 115px;}
.point.eco-lux-p7{left: 33%; top: 280px;}

/* ~~~~~~~ TWIN Scheme Points ~~~~~~~ */

.point.twin-p1{left: 21%; top: 180px;}
.point.twin-p2{left: 59%; top: 230px;}
.point.twin-p3{left: 55%; top: 115px;}
.point.twin-p4{left: 60%; top: 380px;}
.point.twin-p5{left: 40%;}
.point.twin-p6{left: 21%; top: 95px;}

/* ~~~~~~~ ECO-TWIN Scheme Points ~~~~~~~ */

.point.eco-twin-p1{top: 170px; left: 23%;}
.point.eco-twin-p2{top: 215px; left: 64%;}
.point.eco-twin-p3{top: 100px; left: 60%;}
.point.eco-twin-p4{top: 395px; left: 45%;}
.point.eco-twin-p5{left: 47%;}
.point.eco-twin-p6{top: 85px; left: 15%;}

}

@media screen and (max-width:360px){
	.point .s-callout p{width: 150px; font-size: 12px;}
	
	.point.lux-p2{top: 105px;}
	
	.point.twin-p3 {left: 53%; top: 133px;}
	.point.twin-p6{top: 120px;}
	.point.twin-p4{top: 355px;}
	
	.point.eco-lux-p2{top: 105px;}
	.point.eco-lux-p3{top: 355px;}
	.point.eco-lux-p6{top: 135px;}
	
	.point.eco-twin-p3{top: 125px;}
	.point.eco-twin-p4{top: 375px;}
	.point.eco-twin-p6{top: 112px;}
	
	
}