/*==========  Desktop First Method  ==========*/


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1340px) {
    .box-left p.logo_text {letter-spacing: 0.7px;}
}
@media only screen and (max-width: 1300px) {
    .box-left p.logo_text {font-size: 10px; letter-spacing: 0.5px;}
}

@media only screen and (max-width: 1200px) {
    .box-left p.logo_text {font-size: 8px; letter-spacing: 0.3px; padding: 0;}
    .box-left .contact_text .phon {font-size: 14px;}
    footer menu {width: 120%;}
}
@media only screen and (max-width: 1060px) {
    #wb_Carousel1 h2 {font-size: 2.4em;}
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
       .MediaPlayer {width: 130% !important;}
    }
    #wb_Carousel1 h2 {font-size: 2em;}
    .box-left p.logo_text {font-size: 11px; letter-spacing: 1px; padding: 0;}
    .box-left .copiring {left: -24.2%;}
    footer menu {width: 180%;}
}
@media only screen and (max-width: 900px) {
    .box-left p.logo_text {font-size: 9px; letter-spacing: 1px;}
}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 767px) {
    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
       .MediaPlayer {top:-300px; width: 150% !important;}
    }
    #MediaPlayer {left: -10%;}
    #wb_Carousel1 h2 {font-size: 1.8em;}
    #wb_Carousel1 h3 {font-size: 14px;}
    #wb_Text5, #wb_Text6, #wb_Text7, #wb_Text8 {top: 180px;}
    #wb_Text1, #wb_Text2, #wb_Text3, #wb_Text4 {top: 160px;}
	.box-left {padding: 0; width: 50px; z-index: 100;}
	.box-left img.logo_top {
		height: 40px;
	    left: -36px;
	    max-width: 150px;
	    position: absolute;
	    top: 50px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.box-left .contact_text,
    .box-left p.logo_text {display: none;}
    .box-left .translite_left {display: block;}
    .box-left .copiring {display: none;}
    footer .translite {display: none;}
    footer .ft {padding-left: 50px;}
    footer menu {width: 200%;}
}

@media only screen and (max-width: 640px) {
    footer a.tr, footer a.footer_menu {font-size: 13px; letter-spacing: 1px;}
    footer a.footer_menu span {display: none;}
}
@media only screen and (max-width: 580px) {
    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
       .MediaPlayer {top:-200px; width: 150% !important;}
    }
    footer menu {width: 300%;}
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    #MediaPlayer {display: none;}
    header img.header_img {display: block;}
    #wb_Carousel1 h2 {font-size: 1.3em;}
    #wb_Carousel1 h3 {font-size: 12px;}
    #wb_Text5, #wb_Text6, #wb_Text7, #wb_Text8 {top: 110px;}
    #wb_Text1, #wb_Text2, #wb_Text3, #wb_Text4 {top: 100px;}
    footer a.tr, footer a.footer_menu {font-size: 11px; letter-spacing: 1px;}
}
@media only screen and (max-width: 400px) {
    footer a.tr, footer a.footer_menu {
    	font-size: 10px;
    	padding: 17px 4px;
    }
    footer menu {padding-left: 15px; padding-right: 15px;}
    footer menu > li > a {margin-left: 35px;}
    footer menu li.menu_a a {
	    margin-left: 0;
	    text-align: center;
	}
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 360px) {
    #wb_Text1, #wb_Text2, #wb_Text3, #wb_Text4 {display: none;}
}


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


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}


/* 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: 992px) {}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 1400px) {
    .item_object,
    .item_object a img {height: 300px;}
}


@media only screen and (min-width: 1600px) {
	.box-left p.logo_text {
		font-size: 12px;
	    letter-spacing: 2px;
	    padding: 0;
	}
    .item_object,
    .item_object a img {height: 330px;}
}


@media only screen and (min-height: 600px) {
    .MediaPlayer {top: -400px;}
}
@media only screen and (min-height: 648px) {
    #gallery {height: 94vh !important;}
}
@media only screen and (min-height: 657px) {
    .content_objecty {height: 94vh;}
}
@media only screen and (min-height: 720px) {
    .MediaPlayer {top: -300px;}
}
@media only screen and (min-height: 830px) {
    .MediaPlayer {top: -200px;}
}
@media only screen and (min-height: 878px) {
    #gallery {height: 95vh !important;}
    .content_objecty {height: 94.5vh;}
}
@media only screen and (min-height: 930px) {
    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
       .MediaPlayer {width: 150% !important;}
    }
    .MediaPlayer {top: -100px;}
}
@media only screen and (min-height: 1024px) {
    .MediaPlayer {top: 0;}
    .content_objecty {height: 95vh;}
}
@media only screen and (min-height: 1060px) {
    .content_objecty {height: 96vh;}
}
@media only screen and (min-height: 1130px) {
    .MediaPlayer {left: -20%; width: 160%;}
}
@media only screen and (min-height: 1200px) {
    #gallery {height: 96vh !important;}
}