/*==========  Desktop First Method  ==========*/
/* Extra Large Devices, Wide Screens */
@media only screen and (max-width : 2048px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1250px) {
.responsiveUp {
    display: block !important;
	height: 50px;
	float: left;	
	border-bottom: 2px dashed #ffdc00;
    z-index: 9999 !important;
    position: fixed;
    background: linear-gradient(to bottom,#888 0,#313131 100%);
}
.responsiveUp #logoimg img {
    height: 50px !important;
}
.responsiveUp #language {
    right: 0px !important;
    top: 0px !important;
}
.responsiveUp #language ul li {
    display: inline-block !important;
}
#block-locale-language {
    margin: 0 !important;
    padding: 0 !important;
    height: 50px !important;
}
.language ul li.active a {
    color: #ffffff !important;
}
.language ul li a {
    color: #ccc !important;
	font-size: 18px;
	padding: 14px 10px !important;
}
#header-top {
    margin-top: 50px !important;
}
.logo .sitename h2 {
    text-align: center !important;
}
.up #logoimg {
    display: none !important;
}
.nav {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;	
	height: 100%;
	background-color: #ffffff;
	border-left: 1px solid #e9e9e9;
	box-shadow: 0 0 10px rgba(0,0,0,.12);
	 
	transform: translateY(-100%);	
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
	 
	transition: transform 0.3s ease-in-out;
	-webkit-transition: transform 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out;
		-ms-transition: transform 0.3s ease-in-out;
		-o-transition: transform 0.3s ease-in-out;
	 
	text-align: left;
	z-index: 5;
	padding-top: 0px;
	display: none;
}
.nav-view {		 
	transform: translateY(0);
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
		-ms-transform: translateY(0);
		 -o-transform: translateY(0);	
    display: block !important;	
    overflow-y: auto;	
    padding-top: 50px;
}
.nav ul {
	position: relative;
	top: 50%;
	margin-top: -175px;
}
.nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inherit;
}
.nav ul li a {
	padding: 0px;
	float: left;
	width: 100%;
	text-align: left;
}
.nav ul li:last-child {
	border: none;
}
#main-menu ul {
    display: block !important;
    float: left;
    position: relative !important;	
}
#main-menu li {
    border-right: none !important;
    font-size: 15px !important;
    line-height: 45px!important;
}
#main-menu ul li{
    display: block !important;
    float: left;
    position: relative !important;
}
#main-menu li ul {
    margin: 0px 0 0 !important;
}
#menu-container {
    border-radius: 0px !important;
    box-shadow: none !important;
    height: 45px !important;
}
#main-menu li li a, #main-menu li li a:link, #main-menu li li a:visited {
    background: #666 !important;
    color: #fff !important;
	padding: 0 20px !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #777 !important;
    font-size: 15px !important;
    line-height: 45px!important;
}
.menu.sf-js-enabled.sf-shadow ul {
    display: block !important;
    visibility: visible !important;
    left: 0 !important;
}
.logo .sitename h1 {
    text-align: center !important;
}
.logo .sitename {
    top: 0px !important;
}
.responsiveUp #language ul li a:hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.language-switcher-locale-url {
    padding-left: 0px !important;
}
#front-welcome .pitem {
    width: 48% !important;
	margin: 7px 0px !important;
}
.js-calc-buy {
    padding: 7px 2px !important;
    top: 10px !important;
    right: 13px !important;
}
#contact-form .contact-map {
    width: 100% !important;
	min-width: auto !important;
}
.fll, .flr {
    text-align: left !important;
}
.views-field.views-field-field-ua-info-and-adress h5 {
    margin-left: -20px !important;
}
.content table {
    overflow-y: auto !important;
    display: block !important;
}
.responsiveUp, .responsiveUp #language, #main-menu ul, #main-menu ul li, #main-menu li li a, #main-menu li li a:link, #main-menu li li a:visited, .logo .sitename, .ion.ion-first ,.js_fll, .pane-content iframe, #contact-form .contact-form, #contact-form .contact-form input, .content table, table tr th {
    width: 100% !important;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1136px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1023px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.nav.nav-view #language {
    display: none !important;
}
.promo {
    padding: 0px 0px 0 !important;
}
.promo .content h2 {
    text-align: center !important;
}
.promo img {
    margin-top: 15px !important;
}
.panels-flexible-5 .panels-flexible-region-inside {
    padding-left: 0 !important;
	padding-right: 0 !important;
}
.front_video .pane-node {
    width: 98% !important;
}
.panels-flexible-region-5-center, .panels-flexible-region-5-_____________________ , .front-block1, .front-block2 {
    width: 100% !important;
}
#footer {
    padding: 35px 0 !important;
}
.credit {
    float: left !important;
    margin: 10px 5px !important;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.logo .sitename h1 {
    font-size: 24px !important;
}
.logo .views-row.views-row-1.views-row-odd.views-row-first.views-row-last {
    margin-left: -25px;
}
.language ul li a {
    font-size: 14px !important;
    padding: 14px 3px !important;
}
.pitem {
    display: block !important;
    margin-bottom: 25px !important;
}
.front-center2 {
    border: none !important;
}
#fixed_menu {
    left: 0% !important;
    margin: -180px 0 0 0px !important;
}
.field.field-name-body.field-type-text-with-summary.field-label-hidden img {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
#fixed_menu, .pitem, #front-welcome .pitem, .panels-flexible-region, #fixed_menu .field-name-field-client-name, #fixed_menu .field-name-field-client-phone, #fixed_menu .buy-form, .field.field-name-body.field-type-text-with-summary.field-label-hidden iframe {
    width: 100% !important;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 475px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 459px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 455px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 420px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 389px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 240px) {

}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 240px) {

}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 420px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 455px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 475px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 991px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1023px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1250px) {
.logo .sitename {
    top: 0px !important;
}
.responsiveUp, .menuOpen, .menuClose, .arrow {
    display: none !important;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1280px) {
	
}

/* Extra Large Devices, Wide Screens */
@media only screen and (min-width : 2048px) {

}