@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1280px) {

.lang-mobile.lang {
 display: block;
 transition: all 2s ease 0s;
}
.lang-mobile {
 display: none;
 float: right;
 position: absolute;
 right: 10px;
 top: 22px;
 transition: all 2s ease 0s;
 z-index: 2147483647;
}

.navi {
 background: #00ace7;
 color: #fff;
 width:180px;
 float: right;
 position: relative;
 right: -395px;
 margin: 0;
}
.navi ul li {
 list-style: none;
 float: left;
 width: 100%;
 margin-bottom: 10px;
}
.header-menu {
 position: absolute;
 right: -1px;
 top:68px;
 transition: 0.5s;
 -webkit-transition: 0.5s;
 z-index: 999999;
}

/*.lang-mobile.lang { display: block; transition: 2s; -webkit-transition: 2s; }*/
 

.header .container-fluid {
 padding-right: 0;
}
}
@media only screen and (max-width:1199px) {
.banner .swiper-pagination-bullet {
  background: #ccc;
  opacity: 1;

}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007aff;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:-3px;}
}
 @media only screen and (max-width:991px) {


}
 @media only screen and (max-width:767px) {
.navigation {
 width: 100%;
 float: left;
 height: 68px;
}
.navigation .navbar-collapse {
 padding: 0px;
 margin: 0;
}
.navigation .navbar-toggle .icon-bar {
 border: 1px solid #fff;
}
.lang-mobile.lang {
 display: block;
 transition: all 2s ease 0s;
}
.lang-mobile {
 display: none;
 float: right;
 position: absolute;
 right: 10px;
 top: 22px;
 transition: all 2s ease 0s;
 z-index: 2147483647;
}
.navi {
 background: #00ace7;
 color: #fff;
 width:180px;
 float: right;
 position: relative;
 right: -395px;
 margin: 0;
}
.navi ul li {
 list-style: none;
 float: left;
 width: 100%;
 margin-bottom: 10px;
}
.header-menu {
 position: absolute;
 right: -1px;
 top:68px;
 transition: 0.5s;
 -webkit-transition: 0.5s;
 z-index: 999999;
}

/*.lang-mobile.lang { display: block; transition: 2s; -webkit-transition: 2s; }*/

.navigation .navbar-toggle {
 margin: 0px;
 color: #fff;
 padding: 25px 15px;
 border: none;
 border-radius: 0;
}
.navbar-nav li a { font-weight:600;}
.navbar-nav .open .dropdown-menu  a { padding-left:20px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
 padding: 10px; font-weight:normal; padding-left:20px;
}
.header .container-fluid {
 padding-right: 0;
}
.navbar-brand {
 left: 0;
 position: absolute;
 top: 0;
 z-index: 9;
}
.footer-btm {
 padding: 0 15px;
}
.icons {
 width: 25px;
 background-size: 100%;
 height: 30px;
}
.fb.icons {
 width: 13px;
}
.social-icons ul li {
 padding: 15px 0;
}
.block-heading {
 font-size: 45px;
}
.block-heading .icons {
 height: 25px;
}
.footer-btm .icons {
 background-size: 100% 100%;
  height: 20px;
}
.footer-btm .icons.games  { width:35px;}
.footer-btm  .icons.music  { width:21px;}
.footer-btm .icons.wallpapers  { width:27px;}
.footer-btm  .icons.video  { width:20px;}

.footer-btm .title {
 font-size: 12px;
}
.social-icons {
 margin-bottom: 70px;
}
.footer-btm ul {
 padding: 6px 0 4px;
}
.footer h2, .block-heading {
 font-size: 18px;
}
.share {
 top: 4px;
}
.block-heading .icons {
 top: 7px;
}
.slider-block .sp-slide span {
 font-size: 15px;
}
.block-heading {
 padding: 5px 15px 5px;
}
.slider-block .sp-slide span {
 padding: 5px 0;
}
.banner .item img {
/*width: 50%;*/
}
.caret {
 background: url(../assets/img/next-arw.png) no-repeat;
 border: none;
 display: inline-block;
 width: 7px;
 height: 12px;
 background-size: 100%;
 float: right;
 margin-top: 4px;
}
.open .caret {
 background: url(../assets/img/dwn-arw.png) no-repeat;
 border: none;
 display: inline-block;
 height: 7px;
 width: 12px;
 background-size: 100%;
}
.block-heading .icons {
 margin-right: 5px;
}

.main-heading { font-size:20px; text-align:left;}
.main-heading i { margin-right: 5px; margin-top: -2px;}
.banner {
  margin-top: 68px;
}
.block-heading img { width:25px;}
.category-block .button a  { width:100%; padding:3px 0;}

}
 @media only screen and (max-width:479px) {
.navigation {
 height: 58px;
}
.navigation .navbar-toggle {
 padding:20px 15px;
}

.header-menu {
 top: 49px;
}

.navbar-wrapper {
 height: 55px;
}
.bs-example {
 margin-top: 50px;
}
.slider-block .sp-slide span {
 font-size: 12px;
}

.banner {
 margin-top: 50px;
}
.lang-mobile {  top: 14px;}
.social-icons {
  margin-bottom: 50px;
}
}
@media only screen and (max-width:603px) {
  .over-img-link h2
  {  position: absolute;
z-index: 15000;
font-weight: 900;
color: #fff;
font-size: 14px;
word-wrap: break-word;
float: left;
width: 150px;
height: 38px;
background: rgba(85, 85, 85, 0.6);
line-height: 39px;


}

#thumbnail-slider div.inner {    
    
    height: 108px;
}

}
/*480 414 558 320 360 	603*/
@media only screen and (max-width:479px){

.carousel-caption h3{
font-size: 20px;
}
.carousel-caption {
       top: 53px;
     }
}

 
@media only screen and (max-width:375px) {
  .over-img-link h2
  {  position: absolute;
z-index: 15000;
font-weight: 900;
color: #fff;

font-size: 14px;
word-wrap: break-word;
float: left;
width: 150px;
height: 38px;
background: rgba(85, 85, 85, 0.6);
line-height: 39px;

}
.carousel-caption {
      top: 48px;
     }

#thumbnail-slider div.inner {    
    
    height: 108px;
}
}
 @media only screen and (max-width:320px) {
  .carousel-caption {
      top: 40px;
     }
}
  @media only screen and (max-width: 767px){
.navbar-brand {
       float: right;
 
    top: 0px;
    width: 100px;
    padding: 8px 0px 15px 0;
    
    left: 43%;
}
.logo-website{

    z-index: 999999999;
      width: 100%;
    text-align: center;
    clear: both;
}
}
.navbar-collapse.in {
    overflow-y: auto;
    width: 100%;
}