/* Landscape CSS */
@media (min-width: 980px) {
#my-menu {
	display: none !important;
}
#hid-mobil {
	display: block !important;
}

}

 @media (max-width: 995px) {
.container{width:90%}
.bx-wrapper img{width:100%}
.bx-wrapper img {
    float: left;
    margin-left: -48px;
    width: 100%;	
}
 }
 @media (max-width: 920px) { 
.logo a{width:200px;height:200px;background-size:100%}
.img1 a{   height: 100px;width:103px;background-size:100%}

.logo a:hover{background-position:0px -198px;}


.img1 a:hover{background-position:-1px -103px;}
.img2 a:hover{background-position:-4px -102px}
.img3 a:hover{background-position:-3px -98px;}
.img4 a:hover{background-position:-5px -102px}
.img5 a:hover{background-position:-1px -100px;}
.img6 a:hover{background-position:-1px -98px}
.img7 a:hover{background-position:0 -100px}
.img8 a:hover{background-position:-2px -98px}
.img9 a:hover{background-position:-2px -90px}
.img10 a:hover{background-position:-4px -91px}


 }
/* Tablet Portrait CSS */
@media (min-width: 767px) {
#my-menu{display:none;}
#intro .col-md-4 .img-responsive{   margin: 0 auto;}
#res-slider{display:none}
}

@media (max-width: 767px) {
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none}
 #intro .img-responsive{padding:0px!important;margin:0 auto!important;}
 .about-section article{display:none;}
 object{width:100%;min-width:100%}
 aside .r-right-img{float:none;margin:0 auto;width:100%}
 address .copy{float:none;text-align:center;width:100%}
 footer .col-xs-5{min-height:60px;}
 .bx-wrapper img {
    float: none;
    margin-left: 0px;
    width: 100%;
}
.navbar-nav{width:100%!important}
.navbar-default .navbar-nav > li > a{width:100%;display:table;color:#ffff00;padding:5px 0px}
.navbar-default .navbar-nav > li > a:hover{color:#ffff00!important}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{margin:0px!important;padding:0px!important;left:0px!important}
#res-slider{display:block}
#res-slider .bx-wrapper{margin:20px auto; }
#res-slider .pad20{padding:0px;}
aside .r-right-img{width:70%;margin:20px auto;}
.bx-wrapper img{width:70%;margin:0 auto;}


}



/* Mobile CSS */
@media (max-width: 480px) {
#my-menu {
	display: block;
}
#sho-mobile {
	display: block !important;
}
footer .mcenter{display:block;}

footer .col-xs-5{min-height:40px;}
aside{padding:0px!important;}
#intro h2{font-size:16px;}
#intro h2:first-letter{font-size:18px;}
.wel-txt{font-size:18px;}
.wel-txt1{font-size:14px;}
#my-menu{top:180px;}
#intro .img-responsive{width:80%}
aside .r-right-img,
.bx-wrapper img{width:100%;}
}