/* ====== RESPONSIVE ====== */
@media screen and (min-width:768px) {
    #main-menu .menu >li:hover ul.sub-menu {
        display: block;
    }
}
@media screen and (max-width:1100px) {
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .lasted-header img:nth-of-type(2) {
        height: 10px;
        width: 110px;
    }
}
@media screen and (max-width:979px) {
    .bx-wrapper img {
        height: 354px;
        width: auto;
        max-width: 9999px;
    }
    #main-menu a {
        letter-spacing: 0;
    }
    .lasted-header img:nth-of-type(2) {
        width: 105px;
    }
    .lasted-post {
        padding: 18px 10px 15px;
    }
    a.btn {
        font-size: 15px;
        padding-right: 25px;
    }
    .contain-left ul .text p {
        font-size: 20px;
    }
    .slider-box,
    .lasted-post {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }
    #main-menu ul.menu > li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .footer-item {
        padding-right: 15px;
    }
    .sidebar-footer .sidebar-item {
        padding-right: 15px;
    }
    .contain-left ul .text p {
        font-size: 17px;
    }
    .lasted-video .micon-title {
        padding-right: 10px;
        padding-left: 10px;
    }
    .lasted-video .micon-title img {
        padding-right: 10px;
    }
    .sidebar-right .thumb img.video-btn {
        width: 15%;
    }
    .sidebar-right {
        padding-left: 10px;
    }
    .page-sidebar-right{
      width: 270px;
    }
    .page-contain-left{
      margin-right: -270px;
    }
    .page-contain .the-contain{
      margin-right: 280px;
    }
}
@media screen and (max-width:767px) {
[2:04:49 PM] Mr.Bun: .sub-menu li:first-child a {
    border-top: 1px dotted;
    margin-top: 12px;
}
[2:04:59 PM] Mr.Bun: .sub-menu li:last-child a {
    border-bottom: 0 none;
    padding-bottom: 0;
}
#main-menu .menu > li.menu-item-has-children > i{
    font-size:20px;
    right:10px;
    top:5px;
}
  .sub-menu li{
    padding:0 15px;
  }
  .sub-menu{
    border:none!important;
  }
    #main-menu ul {
        display: none;
    }
    #main-menu .toggle-menu {
        display: block;
    }
    #main-menu .menu>li {
        width: 100%;
    }
    #main-menu ul.menu > li {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #fff;
    }
    #main-menu ul.menu > li {
        border-width: 2px;
    }
    #main-menu .menu > li.current-menu-item,
    #main-menu .menu > li:hover {
        border-width: 2px;
    }
    .sub-menu {
        position: static;
    }
    .slider-box{
        width:100%;
    }
    .lasted-post{
        width: 100%;
    }
 .lasted-header img:nth-of-type(1){
     width: 24px;
 }
     .lasted-header img:nth-of-type(2){
     width: auto;
 }
    .lasted-header p{
        width: 106px;
    }
    .slider-box,.lasted-post{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .slider{
        padding:10px 0
    }
  .contain-left ul{
    width: 100%;
    margin-top: 0;
  }
  .contain-left{
    width: 55%;
  }
  .sidebar-right{
    width: 45%;
    padding-top: 20px;
  }
  .contain-left li{
    margin: 10px 0;
  }
  .sidebar-footer .sidebar-item{
    width: 100%;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
  }
  .footer-item{
    width: 100%;
  text-align: center;
  }
  .footer-item:last-child{
    border:none;
  }
.footer{
  padding-bottom: 100px;
  position: relative;
  overflow-x: hidden;
}
.footer .address p:last-child{
    border-bottom: 1px dotted #fff;
    padding-bottom: 14px;
}
.footer .coppyright{
  position: absolute;
  bottom: 10px;
  border-bottom: none;
}
.footer .menu-footer {
  border-bottom: 1px dotted #fff;
  padding-bottom: 14px
}
.footer .connect .title{
margin-top: 0
}
.bx-wrapper img{
  width: 100%;
  height: auto;
}
.sidebar-right{
  padding-left: 0;
}
.page-contain-left .the-contain{
  padding-right: 10px;
}
.page-contain-left img{
  height: auto;
}
.page-sidebar-right {
    width: 100%;
}
.page-contain .the-contain {
    margin-right: 0;
}
.page-contain-left {
    margin-right: 0;
    border-bottom: 1px dotted #ddd;
    border-right: none;
    padding-bottom: 30px;
}
.page-sidebar-right .sidebar-item{
  width: 33.3333%;
  float: left;
  padding:0 5px;
}
.page-sidebar-right li a{
  font-size:12px;
}
.page-contain-left .the-contain .post-title{
  font-size: 20px;
}
#main-menu .container{
padding:0;
}
#main-menu .menu{
  border-top:1px solid #fff;
}
}
@media screen and (max-width:600px) {
  .page-contain iframe{
    max-height: 300px;}
  .page-contain-left .the-contain .post-title{
  font-size: 18px;
}
  .page-sidebar-right .sidebar-item{
    width: 100%;
  }
   .contain-left,
   .sidebar-right {
       width: 100%;
   }
   .sidebar-right .thumb {
       width: 55%;
       margin: 0 auto;
   }
   .lasted-video .thumb a {
       text-align: center;
       display: block;
       width: 100%;
   }
.sidebar-right .thumb{
  width: 100%;
}
.header .container{
  padding:0 10px;
}
.header .logo-box{
  width: 100%;
  text-align: center;
}
.header .logo-box img{
  display: inline-block;
}
.search-box{
  width: 100%;
  padding-bottom: 20px;
  padding-top:0;
}
.search-box input[type="text"]{
  width: 100%;
}
}
@media screen and (max-width:500px) {
    .category-item .thumb{
        width:100%;
        text-align:center;
        margin-bottom:20px;
    }
        .category-item .thumb img{
            width:70%;
        }
        .category-item .text{
            padding-left:0;
            width:100%;
        }
         .category-item .text small{
             text-align:center;
         }
        .category-item .text h2{
            font-size:20px;
            text-align:center;
        }
    }
@media screen and (max-width:500px) {
      .category-item .thumb img{
            width:100%;
        }
    }