/* =============================================
                        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 19px;}
    .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;
    }
    .shirtdesign-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 .holder {padding: 10px;}
    .widget h3{ padding:15px 40px 15px 0;}
}
@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){
    #nav ul li{ padding:20px 7px;}
    .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;}
    .shirtdesign-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;}
    .grid .post .description p {margin: 0 0 5px;}
}
@media (max-width:991px){
    h2{
        font-size: 24px;
    }
    .top-bar .dropdown.languages {padding:0 0 6px;}
    .logo {margin:-85px auto -122px;}
    .dropdown.languages ul.dropdown-menu{top:200%;}
    .dropdown.open.languages ul.dropdown-menu{top:100%;}
    .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;
    }
    .frame-img{
        margin: 50px 0 0;
    }
    .parallax-window .frame-img{
        margin: 0 0 25px;
    }
    .experts .item .img-hover blockquote{
        font-size: 16px;
        padding: 0 20px;
        top: 20%;
    }
    .email, .phone{
        width: 100%;
    }
    .topten-products .frame-img{ margin-bottom:30px;}
    .theme-btn.btn-submit {margin: 0 0 40px;}
    .social-area i,
    .address .address-info li i{
        font-weight:bold;
    }
    .price-tag{
        left: 5px;
    }
    .onsale{
        right: 20px !important;
        padding: 3px 5px !important;
    }
    .products-listing .tg-product .detail{
        padding: 30px 24px;
    }
    .post h3{
        font-size: 18px;
    }
    .wiget-full .row{
        margin: 0;
    }
    .theme-btn.btn-small,
    .widget_shopping_cart .theme-btn {
        /*width:auto;*/
        padding:0 30px;
    }
    .theme-btn.btn-small.checkout-button.button.alt.wc-forward {float: left;}
    .them-pagination{ padding:0 0 50px;}
    #sidebar.tg-woocommerce .widget_products{ margin:0 0 20px;}
    .form-search fieldset input[type="text"]:focus {width: 270px;}
    .brand-slider.owl-theme .owl-controls .owl-buttons .owl-prev{ left: -35px}
    .brand-slider.owl-theme .owl-controls .owl-buttons .owl-next{ right: -35px}
    .form-wrapper.contact-form{ padding-top: 40px;}
}
@media (max-width:810px){
    .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
    }
    #nav ul li.dropdown:hover .dropdown-menu {
        top: 69px;
        left:auto;
        right:0;
    }
    .dropdown.languages .dropdown-menu.languages {
        left: auto;
        right: 0;
    }
    .brand-slider.owl-theme .owl-controls .owl-buttons .owl-prev{ left: -23px}
    .brand-slider.owl-theme .owl-controls .owl-buttons .owl-next{ right: -23px}
}
@media (max-width:768px){
    .form-search fieldset input[type="text"]:focus,
    .form-search fieldset input[type="text"]{ width:250px;}
    .top-bar .dropdown.languages{
        padding:0;
        float:right;
    }
    .top-bar .social-icon{
        padding:10px 0 0;
        float:right;
    }
    .form-search, .cart.pull-right{margin: 25px 0;}
    .email{ padding:10px 0 0;}
    .mid-bar .logo{ margin:-88px auto 0;}
    #nav ul li {padding:20px 7px;}
    .dropdown ul.dropdown-menu{
        left:auto;
        right:0;
    }

    .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;
        margin-right:0;
    }
    .about-author .about-full{
        clear:both !important;
        float:left !important;
        width:100% !important;
    }
    .author-des{
        float:left !important;
        width:100% !important;
        padding:25px !important;
    }
    .shirtdesign-accordion .panel .panel-collapse .panel-body {height: 147px;}
	.woocommerce-MyAccount-content,
	.woocommerce-MyAccount-navigation{
		width: 100%;
		float: left;
	}
}
@media (max-width:767px){
	#nav ul{text-align: left;}
	.nav-tag-holder{display: none;}
    .navbar-collapse{
        width: 100%;
        position:absolute;
        top:55px;
        right:0;
        z-index:10;
        overflow:hidden;
        background:#fff;
		text-align: left;
 	    height: 272px;
    }
    .navbar-collapse.in {overflow: scroll;}
    .affix #bs-example-navbar-collapse-1 > ul > li > a{
        color: #555;
    }
    .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container > .navbar-header{ margin:0;}
    #nav ul li{
        float:none;
        width:100%;
    }
    #nav ul li.dropdown:hover ul.dropdown-menu{
        top:0;
        left:auto;
        right:100%;
    }
	.menu-item-has-children > a{position: relative;}
	.menu-item-has-children > a:before{
		top: 0;
		right: 15px;
		color: #555;
		content: '\f107';
		width: 34px;
		height: 34px;
		font-size: 14px;
		line-height: 34	px;
		position: absolute;
		text-align: center;
		font-family: 'FontAwesome';
	}
	.aboutus .frame-img{ margin:0 0 50px;}
    .email, .phone{
        display:block;
        margin:0;
    }
    .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 .holder{ padding:6px;}
    .topten-product h2 {
        font-size: 20px;
        line-height: 20px;
        margin:0 0 3px;
    }
    .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;}
    .modal{z-index:999999999;}
    .modal-dialog.newsletter{ width:80%; margin-left:0; left:10%;}
    #nav ul li {padding: 3px;}
    #nav ul li.current-menu-item ul li:before,
    #nav ul li ul li:hover:before,
    #nav ul li.current-menu-item:after,
    #nav ul li:hover:after{ height:100%;}
    #nav ul li a{
        position:relative;
        z-index:3;
    }
    #nav ul li.dropdown ul.dropdown-menu{display:none;}
    #nav ul li.dropdown:hover ul.dropdown-menu{
        display:block;
        position:relative;
        left:0;
        padding:3px;
        box-shadow:none;
    }
    .shop_table1 .cart-total {padding:0}
    .col.formation ul li::after {top: 0px;}
    .brand-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
    .brand-slider.owl-theme .owl-controls .owl-buttons .owl-next{ display:none;}
	.col2-set .col-1,
	.col2-set .col-2 {
		width: 100%;
		padding: 0 15px;
	}
	.col2-set .col-2{margin: 40px 0 0;}
	.col2-set + h3{padding: 0 15px;}
	.woocommerce-checkout-review-order{padding: 0 15px;}
	.woocommerce-cart-form{overflow:scroll;}
	table.shop_table.shop_table_responsive.cart{
		width: 700px;
		margin: 0 0 30px;
	}
}
@media (max-width:640px){
    .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;}
    .input-text.qty.text{ width:100%;}
}
@media (max-width:639px){
    .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;}
    .heading{width: 75%;}
    .product-description .description p span {
        padding: 6px 0 0;
        display:block;
    }
    .woocommerce-tabs ul li{ width:100%;}
    .instructions-icons i {margin: 0 0 13px 13px;}
    .box-center {height: 500px;}
	.cart-collaterals{width: 100%;}
}
@media (max-width:550px){
    .banner-productpage ul li{ width:25%;}
    .tab-nav .tab-productfull{width:100% !important;}
    .topten-product .img-hover {border-width: 0;}
	.logged-in .tg-stickyheader.is_stuck, 
	.admin-bar .tg-stickyheader.is_stuck {
		padding: 20px 0 52px !important;
	}
	.logged-in .tg-stickyheader.is_stuck .tg-btnround, 
	.admin-bar .tg-stickyheader.is_stuck .tg-btnround {
		top: 80px !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%;}
    .scrolling-cart-table{
        overflow-y:scroll;
    }
    .scrolling-cart-table .table.cart-table,
    .scrolling-cart-table .shop_table1.table.cart-table{ }
}
@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: 50px 0 0;
        width:100%;
    }
    .cart.pull-right{ margin:20px 0;}
    #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;}
    .topten-product .img-hover {border-width: 10px;}
    .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%;}
    .dropdown-menu.cart-item {
        width: 340px;
    }
    .banner-productpage .img-hover{display:none;}
    .product_list_widget .star-rating, .widget_recent_reviews .star-rating {width: 80%;}
    .tg-product.product-grid-view{ width:100% !important;}
	.tg-stickyheader.is_stuck .tg-btnround {
		top: 65px !important;
	}
}
@media (max-width:380px){
    .scrolling-cart-table {
        overflow: auto;
        width: 320px;
        float: left;
    }
    .scrolling-cart-table .table.cart-table, .scrolling-cart-table .shop_table1.table.cart-table {
        width: 320px;
    }
}
@media (max-width:320px){
    .stars form {padding: 0 17px;}
    .heading {width: 100%;}
}