/************************************************************************************
smaller than 980px
*************************************************************************************/ 
@media screen and (max-width: 980px) {
}
/************************************************************************************
smaller than 800px
*************************************************************************************/
@media screen and (max-width: 800px) {
body { margin:10px; background:#000;}
/*------------------------------------------------------------------*/ 
/*	1) Header
/*------------------------------------------------------------------*/
.wrapper{width:100%;}
/*------------------------------------------------------------------*/ 
/*	2) Nav
/*------------------------------------------------------------------*/
ul.sf-menu { display:none; }
.menu-toggle{display:block;width:42px;height:42px;}

#header { height:62px;}

.logo { top: 0;}

.hm-pager  img { width:97.5%;}

.ui-tabs-vertical .ui-tabs-panel {width: 444px!important;}
.ui-tabs .ui-tabs-nav { margin-bottom:100px!important;}

#footer { height:auto;width: 97%;}
.col-contact-480 { width:100%; margin-right:0px;}
.main-title {  margin-top: 300px; }
.main-title-wht {margin-top: 300px;}
}



/*------------------------------------------------------------------*/ 
/*	1) Note: Design for a width of 768 px
/*------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.hm-pager img {
    width: 97.3%;
}
}

/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {
body { margin:10px;}
.contactcircle { position: absolute; width:100%; top:130px; }

.hm-pager img {
    width: 97%;
}
.main-title {  margin-top: 150px; }
.main-title-wht {margin-top:150px;}
}
/************************************************************************************
smaller than 600px
*************************************************************************************/
@media screen and (max-width: 600px) {

}
/************************************************************************************
smaller than 568px
*************************************************************************************/
@media screen and (max-width: 568px) {

}
/************************************************************************************
smaller than 480px
*************************************************************************************/
@media screen and (max-width: 480px) {
.title-home {
    font-size: 14px;
    letter-spacing: 0px;
    margin-bottom: 10px;
    word-spacing: 7px;
}

.main-title {
    font-size: 30px;
    margin-bottom: 25px;
    margin-top:100px;
    padding-left: 25px;
    position: absolute;
}
.main-title-wht {margin-top:100px;}
.logo {width: 31%;}
.contentbox { width:100%;}
.contend-col1 {
    margin-right:0px;
    width: 100%; margin-bottom:15px;
}

.hm-pager img {
    width: 96.3%;
}

.ui-tabs-vertical { width:100%!important;}
.ui-tabs .ui-tabs-nav {margin-bottom:25px !important; width:100%!important;}
.ui-tabs-vertical .ui-tabs-panel p { margin-bottom:55px!important;}

#footer {
    height: auto;
    width: 96.3%;
}
}
/************************************************************************************
smaller than 360px
*************************************************************************************/
@media screen and (max-width: 360px) {
.hm-pager img {
    width: 95%;
}
.ui-tabs-vertical .ui-tabs-panel { width:100%!important;}

#footer {
    height: auto;
    width: 95%;
}
}
/************************************************************************************
smaller than 320px
*************************************************************************************/
@media screen and (max-width: 320px) {
.navigat-language {
    margin: 0 auto;
    width: 250px;
}

.hm-pager img {
    width: 95%;
}
.navigat-language ul li a {  font-size: 8px;}

.hm-pager img {
    width: 94.5%;
}

#footer {
    height: auto;
    width: 94%;
}
}