@responsive-size-tablet-over : (@responsive-size-tablet + 1);
@media only screen and (min-width : @responsive-size-tablet-over) {
	.d-hide, .t-visible, .m-visible {
		display : none !important;
	}
}

@responsive-size-mobile-over : (@responsive-size-mobile + 1);
@media only screen and (min-width : @responsive-size-mobile-over) and (max-width : @responsive-size-tablet) {
	.t-hide, .d-visible, .m-visible {
		display : none !important;
	}
}

@media only screen and (max-width : @responsive-size-mobile) {
	.m-hide, .d-visible, .t-visible {
		display : none !important;
	}
}

@media only screen and (max-width : @responsive-size-phone) {
	.m-hide, .d-visible, .t-visible, .p-hide {
		display : none !important;
	}
}

//================================================\\
//************** Divece orientation **************\\
//================================================\\
@media only screen and (orientation : portrait) {
	.tablet {
		header {
			position : absolute;
		}
	}
}

@media only screen and (orientation : landscape) {
	.tablet {
		header {
			position : absolute;
		}
	}
}

@media only screen and (max-width : 1367px) {
	.slogan-section {
		padding : 16rem 0 8rem;
	}
}

@media only screen and (max-width : 1280px) {
	.slogan-section {
		padding : 10rem 0;
	}
}

//================================================\\
//*************** Divece screen size *************\\
//================================================\\

//***** Bigger than Desktop site size *****\\
@responsive-size-desktop-above : (@responsive-size-desktop + 1);
@media only screen and (min-width : @responsive-size-desktop-above) {
}

//***** Tablet Portrait *****\\
@media only screen and (max-width : @responsive-size-desktop) {
}

//***** All Mobile Sizes *****\\
@media only screen and (max-width : @responsive-size-tablet) {
	#news-tabs {
		.ui-tabs-nav {
			border-top : 5px solid @primary-color;
		}
	}
	.offline{
		h1{
			padding:1em 0 !important;
		}
	}
}

//***** Just Mobile Landscape *****\\
@media only screen and (max-width : @responsive-size-tablet) and (orientation : landscape) {
}

//***** Just Mobile Portrait *****\\
@media only screen and (max-width : @responsive-size-mobile) {

	.captcha {
		&, img {
			width : 100%;
		}
	}

	img[style*="float: left"], img[style*="float:left"], img[style*="float: right"], img[style*="float:right"] {
		float   : none !important;
		display : block;
		margin  : 0 auto 1em;
	}

	form [type="submit"], form [type="button"] {
		width        : 100%;
		margin-right : 0;
		margin-left  : 0;
	}

	#news-tabs {
		.ui-tabs-nav {
			margin-bottom : -5px;
			li {
				width : 50%;
				a.ui-tabs-anchor {
					min-width     : 0;
					width         : 100%;
					border-bottom : 5px solid @primary-color;
				}
			}
		}
	}
	.offline{
		h1{
			padding:1em 0 !important;
		}
	}

}

//***** Just Small Phone *****\\
@media only screen and (max-width : @responsive-size-phone) {
	html {
		font-size : 12px;
	}

	.container {
		width : 480px;
	}

	.slogan-section {
		.slogan-section__title {
			font-size : 2rem;
		}
	}

	h2 {
		font-size : 2.5rem;
	}

}

@media only screen and (max-width : 480px) {
	.slogan-section .slogan-section__title .slogan-section__sub-title {
		font-size : 1.5rem;
	}

	ul.financial-requirements__list li,
	.news-list .news-item,
	ul.list-our-team li,
	ul.list-factors li,
	.factor-block .featureditem li {
		margin-bottom : 30px;
	}

	ul.list-factors {
		margin-top : 30px;
	}

	ul.list-breadcrumbs li {
		display : inline;
	}

	h2 {
		font-size : 2rem;
	}

	.print-block.top {
		display       : block;
		margin        : 0 0 14px;
		padding       : 17px 0 25px;
		border-top    : 6px solid #eee;
		border-bottom : 6px solid #eee;

		.icon-printer {
			width : 30px;
		}
	}
}

/*html{
	&.mobile{
		.wow{
			& > *{
				display: none;
			}
			&.show{
				& > *{
					display: block;
				}
			}
		}
	}
}*/

//================================================\\
//************** Divece pixel ratio **************\\
//================================================\\
@media screen and (-webkit-min-device-pixel-ratio : 1.3) {
}

@media screen and (-webkit-min-device-pixel-ratio : 1.5) {
}

@media screen and (-webkit-min-device-pixel-ratio : 2) {
}

@import "../mobile/loader";