/* width : 900px ----------- */
@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px){

    div.box-page div.page-ls {display: block; float: left; width: 94%; padding: 50px 0px 20px 20px; text-align:center;border:none;}
    div.box-page div.page-rs {display: block; float: left; padding: 0px 20px;}
    /*p.footer-bar {position: relative; left: 0px; bottom: 0px; padding:35px 0px 10px 20px; float: left; width:65%;}*/
    div.arrows {float: right;}
    #arrow_left, #arrow_right {position: relative; bottom: 0px; right: 0px; float: left; margin: 20px 20px 20px 0px;}
    div.address {padding: 0px; text-align: center; width: 100%;}

    .main-navslot {width: 100%; float: left;}
    .main-navslot ul {padding: 12px 0px; float: none;}
    .main-navslot ul li {clear: none; width: auto; float: none; text-align: center; display: inline-block;}
    .main-navslot ul li a {padding:8px 16px 8px 0px; font-size:11px;}

    .content-scroll { height: 100% };
    


}

/* width : 768px ----------- */
@media only screen and (max-width : 768px) {
    
    div.mc-image { background-position: 40% 50% !important; }
    
}

/* width : 650px ----------- */
@media only screen and (max-width : 650px),
only screen and (max-device-width : 650px){

    div.box-page {height: auto; display: block; overflow: hidden;}
    div.box-page div.page-ls {padding: 30px 3.5% 0 3.5%; width: 93%; position: relative;}

    div.top-menu {position: relative;}
    /*div.address {position: absolute; top: 0px; right: 0; width: auto; text-align: right;}*/
    div.address {position: relative; /*absolute; */top: 0px; right: 0; width: auto; text-align: center; /*right;*/ width: 100%; left:0px;}
    div.address a.check {padding: 0px;}

    div.box-page {width: 100%;}
    div.box-page div.page-rs {padding: 0px 3.5%; width: 93%; float: none; clear: both;}

    .main-navslot {display:none; width: 100%; float: left;}
    .main-navslot ul {padding: 0px 0px 20px 0px; float: left;}
    .main-navslot ul li {clear: both; display: block; float: left; text-align: left; width: 100%;}
    .main-navslot ul li a {padding: 8px 0px;}

    .btn-nav {background: url(../gfx/opacity-b50.png) repeat top left; border: 1px solid #9b9281; color: #fff; display: block; position: relative; z-index: 1; padding: 15px; margin: 20px 0px; cursor: pointer; width: 14px; height: 10px;}
    .btn-nav:after {position: absolute; content:'' ;top: 10px ;left: 0; bottom: 0; right: 0; margin: 0px auto; width: 14px; height: 10px; background: url(../gfx/button.png) no-repeat center center;}

    div.flag {float: right; clear: both; width: 100%;}
    
    div#page-text {min-height: 550px; max-width: 800px; width: 100%; display: block; clear: both;}
    div#page-text div.page-text-content {height: auto; display: block;}
    div#page-text div.page-text-content .container { padding: 0px;}

    table.tbl {width:100%;}
    table.tbl td {display:block; width: 100%;}
    table.tbl td input.inp {width: 96%;}
    table.tbl td textarea {width: 96%;}
    table.tbl td input.submit {margin: 0px 2% 0px 0px;}
    div.select {width: 96%;}
    div.select-list {width: 96%;}

    .gallery img { width: 44% !important; }

}


/* width : 450px ----------- */
@media only screen and (max-width : 450px),
only screen and (max-device-width : 450px){

    h1 {font-size: 50px; line-height: 50px}
    /*p.footer-bar {width: 93%; clear: both; padding: 0px 3.5% 20px 3.5%;}*/
    p.footer-bar {text-align: center;}
    .content {padding: 40px 20px;}

    .gallery img { width: 96% !important; }

}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
   
}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
         
}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    
}


@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (orientation : landscape)
{
  
}


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


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
 
}


@media only screen and (max-width : 260px),
only screen and (max-device-width : 260px){

}