/* =============================================
                        Home Page Responsive
============================================= */
@media (max-width:1400px){
  .slider-caption{ right:5%;}
  .slider-caption .border-center{
    margin:0 0 15px;
    padding:0 0 15px;
  }
  .slider-caption h1{
    font-size:50px;
    line-height:60px;
  }
}
@media (max-width:1199px){
  #nav ul li {padding: 20px 15px;}
  .form-search fieldset input[type="text"]:focus{ width:350px;}
  .banner-productpage h1 {
    font-size: 35px;
    line-height: 35px;
    margin:0 0 10px;
  }
  .offer-price strong {
    font-size: 50px;
    line-height: 50px;
  }
  .banner-productpage ul {padding: 20px 0 0;}
  .products-listing .product .detail {padding: 20px 20px 30px;}
  .theme-btn.btn-showall {width: 84%;}
  .grid .post-meta{ padding:0 0 10px;}
  .grid .post-area .border-left{
    padding:0 0 10px;
    margin:0 0 10px;
  }

  .grid .post .description p {margin:0 0 7px;}
  .grid .btn-readmore{ margin:0;}
  .about-author h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .author-des {padding: 33px 25px 33px;}
  .howitwork,
  .likeus,
  .needhelp{
    width:50%;
    min-height:120px;
    border:0;
  }
  .needhelp,
  .likeus{ padding:0;}
  .likeus{min-height:72px;}
  .tab-nav{
    overflow:auto;
    height:270px;
  }
  .customization-accordion .panel .panel-collapse .panel-body {height: 115px;}
  table.cart-table tbody td img {margin: 0 20px 20px 0;}
  #brand-slider .owl-controls .owl-buttons .owl-prev{margin:-16px 0 0 -30px;}
  #brand-slider .owl-controls .owl-buttons .owl-next{margin:-16px -30px 0 0;}
  .topten-product .img-hover{ border-width:10px;}
  .topten-product .img-hover .holder{ padding:12px;}
}
@media (max-width:1024px){
  .slider-caption{ width:440px;}
  .slider-caption .border-center{
    margin:0 0 15px;
    padding:0 0 15px;
  }
  .slider-caption .title {
    font-size:30px;
    line-height:33px;
  }
  .slider-caption h1{
    font-size:35px;
    line-height:45px;
  }
  .slider-caption .description{ padding:0 0 20px;}
  .theme-btn{line-height:40px;}
  #home-slider .owl-pagination{
    right:auto;
    left:0;
    width:100%;
  }
  .stars form {padding: 0 101px;}
  .topten-product h2{
    font-size:24px;
    line-height:24px;
  }
  .topten-product .img-hover{ border-width:10px;}
  .topten-product .img-hover .holder{ padding:15px;}
  .topten-product .description{
    padding:0 0 15px;
    font-size:13px;
    line-height:20px;
  }
}
@media (max-width:992px){    
  .gallery-box .col-md-3,.gallery-box .col-md-9{float:left;width:100%;clear:both;}    
  .gallery-box .col-md-3{white-space: nowrap;}
  .thumbnail-list{float:none;}
  .thumbnail-list ul{min-height:65px;max-height:65px;}
  .thumbnail-list ul li{margin-bottom:0;display: inline-block;float: none;}
  .thumbnail-list ul li:last-child{margin-right:0;}
  .thumbnail-list ul li:nth-child(4n){margin-right:5px;}
  .gallery-box .col-md-9{border-left:1px solid #0c1a47;}    
  .navbar-collapse{padding-right:0;padding-left:0;}        
  .post-meta{ padding:0 0 20px;}
  .post-area .border-left{
    padding:0 0 20px;
    margin:0 0 20px;
  }
  .grid .post .description p {margin:0 0 20px;}
  .btn-readmore{ margin:0;}
  .author-des {padding: 43px 25px;}
  .message {padding: 0 0 0 30px;}
  .product-features {padding: 40px 0 40px;}
  .howitwork, .likeus, .needhelp{
    width:100%;
    min-height:auto;
    height:auto;
    padding:0 0 30px;
  }
  .likeus, .needhelp{
    width:50%;
    padding:0;
  }
  .product-display .product-btns{
    float:none;
    width:100%;
    height:auto;
    margin:0;
  }
  .date-rotate{
    width:auto;
    position:relative;
    -moz-transform: rotate(0) translateX(0) translateY(0);
    -webkit-transform: rotate(0) translateX(0) translateY(0);
    -o-transform: rotate(0) translateX(0) translateY(0);
    -ms-transform: rotate(0) translateX(0) translateY(0);
    transform: rotate(0) translateX(0) translateY(0);
  }
  .tab-nav {height: 302px;}
  .product-display .product-btns{ border-bottom:0;}
  .product-btns ul {font-size: 12px;}
  .product-btns ul li{ margin:9px 0 10px;}
  .product-btns ul li a{padding:9px 0;}
  .customization-accordion .panel .panel-collapse .panel-body {height: 147px;}
  .shop-form fieldset .cart-foot .coupon input {width: 52%;}
  .shop-form fieldset .cart-foot .cart-total .cart-btns button {
    margin: 0;
    width: 48%;
  }
  .shop-form fieldset .cart-foot .cart-total .cart-btns button:first-child {float: left;}
}
@media (max-width:991px){
  /*.top-bar .dropdown.languages {padding:0 0 6px;}*/
  .logo {margin: -85px auto -97px;}
  .dropdown.languages ul.dropdown-menu{top:200%;}
  .dropdown.open.languages ul.dropdown-menu{top:20px;}
  .col.service{ padding:0 0 50px;}
  .col.service figure img{
    width:100%;
    height:auto;
    display:block;
  }
  .heading{ width:50%;}
  .getstarted h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .topten-products .frame-img{ margin-bottom:30px;}
  .theme-btn.btn-submit {margin: 0 0 40px;}
  .address .address-info li address,
  .address .address-info li em,
  .social-area .social-icon,
  .social-area i,
  .address .address-info li i{ width:100%;}
  .social-area i,
  .address .address-info li i{
    padding:0 0 6px;
    font-weight:bold;
  }
}
@media (max-width:768px){    
  .christmas-bg { margin-top: 40px; }
  #sidebar .widget:first-child{margin-top: 40px;}
  .form-search fieldset input[type="text"]:focus,
  .form-search fieldset input[type="text"]{ width:250px;}
  .top-bar .dropdown.languages{
    padding:0 0 0 15px;
    float:right;
  }
  .top-bar .social-icon{
    padding:10px 0 0;
    float:right;
  }
  /*.email{ padding:10px 0 0;}*/
  .mid-bar .logo{ margin-bottom:-70px;}
  #nav ul li {padding:20px 7px;}
  .dropdown ul.dropdown-menu{
    left:auto;
    right:0;
  }
  .slider-caption{
    width:360px;
    right:3%;
  }
  .slider-caption .border-center{
    padding:0 0 10px;
    margin:0 0 10px;
  }
  .slider-caption .title {
    font-size: 20px;
    line-height: 23px;
  }
  .slider-caption h1 {
    font-size: 25px;
    line-height: 35px;
  }
  .slider-caption .description{
    font-size:13px;
    line-height:20px;
    padding:0 0 10px
  }
  .section-heading:before{bottom:14px;}
  .section-heading h2 {
    line-height: 25px;
    font-size:25px;
  }
  .stars form {padding: 0 64px;}
  .topten-products .frame-img{ margin-bottom:50px;}
  .col{
    min-height:406px;
    padding:0 0 50px;
  }
  .getstarted h3{
    font-size:26px;
    line-height:26px;
  }
  .navbar-toggle{ border:1px solid;}
  .about-author .about-full{
    clear:both !important;
    float:left !important;
    width:100% !important;
  }
  .author-des{
    float:left !important;
    width:100% !important;
    padding:25px !important;
  }
  .customization-accordion .panel .panel-collapse .panel-body {height: 147px;}    
}
@media (max-width:767px){
  .top-logo{display:block !important;float:left;}
  .xs-top-link{float: right; padding: 7px 0;}
  .xs-top-link.left{float:left;}
  .logo-container{display:none;}
  .mid-bar{min-height: 90px;}
  .cart.pull-right{margin: 30px 0;}
  .navbar-collapse{
    width: 250px;
    position:absolute;
    top:51px;
    right:0;
    z-index:10;
    overflow:hidden;
    background:#fff;
  }
  .home .navbar-collapse{
    top:55px;
  }
  .navbar-collapse.in {overflow: visible;}
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header{ margin:0;}
  #nav ul li{
    float:none;
    width:100%;
    padding: 10px;
  }
  #nav ul li.dropdown:hover ul.dropdown-menu{
    top:0;
    left:auto;
    right:100%;
  }
  #nav ul > li:hover, #nav ul > li.active{background: #0c1a47;}
  #nav ul li:hover > a, #nav ul li > a:hover, #nav ul li.active > a{color:#fff !important;}

  .form-search {margin: 25px 0;}
  .post-tabs .trip-item .trip-item-content{width:85%;}
  .post-tabs .book-now{margin-top:10px; float:left;margin-left:12%;}

  .aboutus .frame-img{ margin:0 0 50px;}
  .email, .phone{
    /*display:block;
    margin:0;*/
    float: left;
  }
  .top-bar .social-icon{
    width:100%;
    float:none;
    text-align:right;
  }
  .dropdown ul.dropdown-menu{
    left:auto;
    right:0;
  }
  .dropdown.open ul.dropdown-menu{ top:60px;}
  .about-area .col-sm-5 figure.margin-bottom-minus{margin-bottom: 0;}
  .about-area .col-sm-5 figure img{
    width:100%;
    height:auto;
    display:block;
  }
  #sidebar{
    float:none;
    overflow:hidden;
  }
  .product-display{ position:relative;}
  .product-display .product-btns{
    border:0;
    position:absolute;
    top:0;
    right:0;
    width:auto;
    float:none;
    z-index:10;
    background:none;
  }
  .product-btns ul{ font-size:20px;}
  .product-btns ul li{
    width:auto;
    margin:0;
    padding:0 10px;
  }
  .product-btns ul li a{ color:#23232d;}
  .product-btns ul li + li{border:0;}
  .product-btns ul li a i{display:block;}
  .product-btns ul li a em{display:none;}
  .shop-form fieldset .cart-foot .coupon {width: 100%;}
  .shop-form fieldset .cart-foot .coupon input,
  .shop-form fieldset .cart-foot .coupon .theme-btn.btn-small{ width:48%;}
  .shop-form fieldset .cart-foot .coupon .theme-btn.btn-small{ float:right;}
  .heading {width: 45%;}
  .getstarted h3,
  .border-left h2,
  .border-left h3,
  .section-heading h2 {
    font-size: 20px;
    line-height: 25px;
  }
  .topten-product .img-hover{ border-width:10px;}
  .topten-product .img-hover .holder{ padding:10px;}
  .topten-product h2 {
    font-size: 20px;
    line-height: 20px;
  }
  .topten-product .description {padding: 0 0 10px;}
  #brand-slider .owl-controls .owl-buttons .owl-prev{margin:-16px 0 0 -15px;}
  #brand-slider .owl-controls .owl-buttons .owl-next{margin:-16px -15px 0 0;}
  .theme-btn.btn-sendmessage { margin:0 0 20px;}
  .padding-section { padding: 15px 0 !important; }
  /* New Mobile Sidebar */
  #header { margin-bottom: 47px; }
  .top-bar { background:#0c1a47; padding: 5px 0; position: fixed; width: 100%; z-index: 999; border-bottom: 1px solid #dcdadb; }
  .left-top-bar, .right-top-bar, #nav { display: none; }
  .mobile-topbar { display: block; }
  .mobile-topbar ul { position: relative; list-style: none; display: block; }
  .mobile-topbar ul li { list-style: none; display: block; }
  .mobile-topbar ul li.menu-icon, .mobile-topbar ul li.phone-icon { position: absolute; z-index: 999; }
  .mobile-topbar ul li.menu-icon { top: 7px; }
  .mobile-topbar ul li.phone-icon { right: 0; top: 7px; }
  .mobile-topbar ul li.phone-icon a i { color: #dcdadb; font-size: 20px; }
  .mobile-topbar ul li.menu-icon .icon { position: relative; width: 25px; height: 2px; background-color: #dcdadb; display: block; margin-top: 3px; }
  .mobile-topbar .mobile-logo { position: relative; width: 100%; display: inline-block; text-align: center; }
  .mobile-topbar .mobile-logo img { width: 60px; }

  .mobile-sidebar { position: fixed; top: 0; left: 0; display: block; width: 250px; height: 100%; background: rgba(12, 26, 71, .7); z-index: 9999; overflow-x: hidden; overflow-y: auto; margin-left: -250px; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ie-transition: all ease .3s; -o-transition: all ease .3s; }
  .mobile-sidebar.active { margin-left: 0; }
  .mobile-sidebar ul li { list-style: none; }
  .mobile-sidebar ul li ul { margin: 0; }
  .mobile-sidebar ul li ul li a { padding-left: 25px; }
  .mobile-sidebar ul li ul li ul li a { padding-left: 35px; }
  .mobile-sidebar ul li a.active { color: #ffffff; } 
  .mobile-sidebar ul li a { display: block; line-height: 25px; padding: 5px 15px; color: #dcdadb; border-bottom: .5px solid rgba(255,255,255,.5); text-transform: uppercase; font-size: 13px; font-weight: 500; } 
  .mobile-sidebar ul li.header { background: #0c1a47; color: #fff; padding: 10px 15px; text-transform: uppercase; font-size: 18px; }
  .mobile-sidebar ul li span.close-menu, .mobile-sidebar ul li i { float: right; font-size: 20px; font-weight: 500; }
  .overlay { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 1050; opacity: 0; display: none; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ie-transition: all ease .3s; -o-transition: all ease .3s; }
  .overlay.active { opacity: 1; display: block; }
}
@media (max-width:640px){
  .h-tours td:first-child { width: 100%; display: block; position: relative; }
  .h-tours td[align="right"] { width: 100%; position: relative; display: block; text-align: center;} 
  .h-tours td[align="right"] a { float: right;}
  .heading{ width:50%;}
  .stars form {padding: 0 46px;}
  .logo {
    width: 110px;
    height:auto;
  }
  .likeus, .needhelp{
    width:100%;
    display:none;
  }
  .howitwork{ padding:0;}
  .product-tabs .item a {line-height: 24px;}
  .product-tab-data .owl-controls .owl-buttons .owl-prev,
  .product-tab-data .owl-controls .owl-buttons .owl-next {top: -13px;}
  .foot {padding: 16px 15px 17px;}
  .topten-product .img-hover{ border-width:5px;}
  .topten-product .img-hover .holder{ padding:5px;}
}
@media (max-width:639px){
  .mid-bar .logo{ margin-bottom:0px;}
  .owl-theme .owl-controls .owl-buttons .owl-prev,
  .owl-theme .owl-controls .owl-buttons .owl-next{ display:none;}
  .slider-caption{ display:none;}
  /*.col-sm-6.col-xs-6{ width:100%;}*/
  .getstarted h3 {
    font-size: 20px;
    line-height: 30px;
    margin:11px 0;
    text-align:center;
    float:none;
  }
  .getstarted .theme-btn{ float:none;}
  #sidebar .wiget-full{ width:100%;}
  .banner-productpage .img-hover {
    padding: 0 17% 0 20px;
    width: 100%;
  }
  .banner-productpage h1{
    font-size:25px;
    line-height:25px;
  }
  .offer-price strong{
    font-size:35px;
    line-height:35px;
  }
  .banner-productpage.banner-women .img-hover em {padding: 0 65% 0 0;}
  #sidebar .widget.popular-items{ margin:0 0 40px;}
  #comments ul li ul {padding: 0 0 0 20px;}
  .error{
    width:100%;
    text-align:center;
    margin:0 0 50px;
  }
  .message{ border:0;}
  .product-description,
  .slider-product{ width:100%;}
  .slider-product{ margin:0 0 50px !important;}
  .tab-nav .pattran-half{width:50%;}
  .product-making .head {padding: 8px 0;}
  .width{ width:50% !important;}
  .tab-pane .product-img .img-hover h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .tab-pane .product-img .img-hover h3 strong {
    font-size: 25px;
    line-height: 30px;
  }
  .tab-pane .product-img .img-hover .rate {
    font-size: 20px;
    line-height: 24px;
  }
  .tab-pane .product-img .img-hover {padding: 40px 20px 0;}
  .button-box{
    width:100%;
    margin:0;
    left:0;
  }
  .button-box li{ line-height:normal;}
  .button-box li a{font-size:12px;}
  .button-box a i {font-size: 14px;}
  .new-customers{ padding-bottom:50px;}
  .fields-area {padding: 0;}
  /*** Table Responsive CSS ***/
  table.table.cart-table,
  table.table.cart-table thead,
  table.table.cart-table tbody,
  table.table.cart-table th,
  table.table.cart-table td,
  table.table.cart-table tr {display: block;}
  /* Hide table headers (but not display: none;, for accessibility) */
  table.table.cart-table thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.cart-table tbody td:last-child,
  table.table.cart-table td { 
    border: none;
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
    width:100%;
  }
  table.cart-table tbody td:last-child{ overflow:hidden;}
  table.cart-table tbody tr td{width:auto;}
  table.table.cart-table td:before {
    position: absolute;
    top: 34%;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
  /*** Label the data ***/
  table.table.cart-table td:before { content: attr(data-title);}
  table.cart-table tbody td .btn-delete-item{ float:left;}
  .heading{width: 75%;}
  .product-description .description p span {
    padding: 6px 0 0;
    display:block;
  }
}
@media only screen and (max-width: 580px) { 
  .post-tabs .trip-item .item-featured{display:none;}
  .post-tabs .trip-item .trip-item-content{width:100%;}
  .post-tabs .book-now{margin-top:10px; float:left;margin-left:0;}
  .topten-product .img-hover{ border-width:20px;}
  .topten-product .img-hover .holder{ padding:20px;}
  .topten-product h2 {font-size: 35px;line-height: 35px;}
}
@media (max-width:550px){
  .banner-productpage ul li{ width:25%;}
  .tab-nav .tab-productfull{width:100% !important;}    
}
@media (max-width:480px){
  #product-slider .owl-controls .owl-buttons .owl-prev,
  #product-slider .owl-controls .owl-buttons .owl-next{ display:none;}
  .foot{ display:none;}
  .tab-nav {height: 278px;}
  .posts .full-post{ width:100%;}

}
@media (max-width:479px){
  .navbar-collapse{width: 100%;}
  #nav ul li.dropdown ul.dropdown-menu{
    width:60%;
    box-shadow:none;
    text-align:center;
    margin:0 0 0 40%;
  }
  #nav ul li.dropdown:hover ul.dropdown-menu{position:static;}
  /*.top-bar{ padding:37px 0;}
  .top-bar .container{ display:none;}*/
  .form-search {
    margin: 20px 0;
    width:70%;
  }    
  #content .products .product{ width:100% !important;}
  .banner-productpage .theme-btn {margin: 10px 0 0;}
  .width{ width:100% !important;}
  .product-making{
    margin:0;
    border-width:1px;
  }
  .product-display{ margin:20px 0 0;}
  .likeus,
  .needhelp,
  .foot{display:block;}
  .likeus,
  .needhelp{ padding:20px 0 0;}
  .date-reply{ width:100%; clear:both; text-align:left; padding:0 0 10px;}
  .date-reply span:first-child{ padding:0;}
  .full-widthsx{ width:100%;}
  .shop-form fieldset table.cart-table tbody td .quantity-sapn input{ width:100%;}
  .full-widthsx .theme-btn.btn-small{ width:100%;}
  .topten-product .img-hover{ border-width:0px;}
  .topten-product .img-hover .holder{ padding:15px;}
  .topten-product h2 {font-size:20px;line-height: 20px;}
  .left-top-bar{display: none !important;}
  .right-top-bar{width: 100% !important;float: none !important;text-align: center !important;}
  .top-bar .dropdown.languages{float:none;line-height:normal;}

  .xs-top-link{padding: 4px 0;}
}
@media (max-width:320px){
  .stars form {padding: 0 17px;}
  .heading {width: 100%;}
}

@media (min-width: 768px) {    
  .about-area .border-left{margin-top:-55px;}
}
@media (min-width: 768px) and (max-width: 992px)  { 
  #nav ul li{ padding:20px 5px;}
  #nav ul li a{font-size:13px;}
}