/* Responsive CSS Document */

/*
    Created on   : 29/05/2017.
    Theme Name   : Right Flooring.
    Description  : Right Flooring - Flooring and Tiling Services.
    Version      : 1.0.
    Author       : @TheMazine.
    Developed by : Jubayer al hasan. (jubayer.hasan1991@gmail.com)

*/



@media (min-width: 992px) {
  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 1199px) {
  .bottom-banner ul li i {left:0;}
  .our-project .single-project .text h4 a,.our-blog .single-blog .text h4 a,
  .our-service .single-service .text h4 a {font-size: 25px;}
  .theme-main-container.space-fix .theme-col {padding: 0 20px;}
  .blog-v2 .single-blog h4 a br,.faq-page .single-qus h5 br {display: none;}
  .about-us-page .theme-large-content #team-carousel, .about-us-page .theme-large-content .inspiration-panel{width:100%;}
  header.theme-main-header.bg-color .theme-main-menu::after{right:60%;}
}
/*(max-width: 1199px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  #mega-menu-holder>ul> li> a {margin: 0 10px;letter-spacing: 1px;}
  .our-project .single-project .text {padding-left: 15px;padding-right: 15px;}
  .client-slider .opacity p {width: 80%;}
  .bottom-banner ul li i {font-size: 50px;}
  .request-quote-section .quote-banner a {width: 220px;}
  .our-project.project-v2 .single-project {min-height: 513px;}
  .shop-page .main-wrapper .shop-sidebar {width: 30%;}
  .shop-page .main-wrapper .shop-large-side {width: 70%;}
  .shop-page .all-product-wrapper .single-item h5 a {font-size: 18px;}
  .shop-details .single-product-details .info a {margin-left: 120px;}
  .faq-page .single-qus {padding-left: 15px;padding-right: 15px;}
  .contact-address .single-branch ul li br {display: none;}
}
/*(min-width: 992px) and (max-width: 1199px)*/


@media (max-width: 991px) {
  .request-quote-section .text h3 br {display: none;}
  header.theme-main-header .theme-main-menu .logo {position: absolute;left:0;top:10px;width: 50%;z-index: 999;}
  .bg-transparent #mega-menu-holder>ul>li>a {padding-bottom: 0;}
  header.theme-main-header.fixed #mega-menu-holder>ul>li>a,.height-fix #mega-menu-holder>ul>li>a {padding: 0 15px;}
  .request-quote-section.home-one .text,.request-quote-section .quote-form,.client-slider .opacity p,
  .theme-main-container .theme-large-content,.shop-page .main-wrapper .shop-large-side {width: 100%;}
  .request-quote-section .quote-form {margin-top: 50px;}
  .request-quote-section .quote-form form h4:before {height: 180px;top: -151px;left: -134px;-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
  .theme-counter .opacity .text-center {padding: 50px 0;}
  .inspiration-tab.m-fix {margin: 80px 0;}
  footer .bottom-footer p,footer .bottom-footer ul {float:none;text-align: center;}
  footer .bottom-footer ul li {float: none;display: inline-block;margin-top: 15px;}
  .request-quote-section .quote-banner h6,.request-quote-section .quote-banner a {float:none;text-align: center;}
  .request-quote-section .quote-banner h6 {margin: 0;}
  .request-quote-section .quote-banner a {display: block;margin: 25px auto 0 auto;}
  .inner-banner .opacity {padding-top: 200px;}
  .theme-main-container .theme-large-content,.shop-page .main-wrapper .shop-large-side {margin-bottom: 80px;}
  .request-quote-section p.m1 {width: 100%;}
  header.theme-main-header.fixed .theme-main-menu {padding-top: 22px;}
  .blog-details.details-page .theme-sidebar{margin-top:60px;}
  .blog-details-post .comment-section ul.children{padding-left:0px;}
}
/*(max-width: 991px)*/


@media (min-width: 768px) and (max-width: 991px) {
  .client-slider .opacity {padding: 120px 0;}
  .bottom-banner ul li i {display: none;}
  .theme-main-container .theme-sidebar,.shop-page .main-wrapper .shop-sidebar {width: 100%;}
  .service-details.details-page .kc_col-sm-8,.about-us-page .theme-large-content #team-carousel, .about-us-page .theme-large-content .inspiration-panel{width:100%;}
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
  .our-service .single-service img,.bottom-banner ul li,.request-quote-section .text,.theme-main-container .theme-sidebar,
  .details-page .theme-large-content .project-info .details-panel,.about-us-page .theme-large-content #team-carousel,
  .about-us-page .theme-large-content .inspiration-panel,.our-project.project-v5 .mix,.shop-page .main-wrapper .shop-sidebar {width: 100%;}
  .request-quote-section .text h3 br,.request-quote-section .img-box,.inner-banner .opacity p br,.details-page .theme-large-content h2 br,
  .details-page .theme-large-content .details-list h4 br,.blog-details-post .post .post-heading h4 br,#banner .tp-caption p br,#banner .tp-caption h1 br {display: none;}
  .our-service .single-service .text h4 a {font-size: 25px;}
  .our-service .single-service .text.style-one {padding-left: 10px;}
  .client-slider .opacity {padding: 100px 0;}
  .blog-details-post .post .post-heading ul li {width: 49%;}
  .shop-details .single-product-details .info a {margin-left: 20px;}
  .faq-page .single-qus {padding-left: 25px;padding-right: 25px;}
  #banner .tp-caption{display:none;}
  #banner .tp-caption h1 {font-size: 48px;line-height: 59px;}
  #banner .tp-caption h5 {font-size: 18px;}
  .admin-bar .mainmenu-area.stricky-fixed, .admin-bar .theme-main-header.bg-color, .admin-bar header.theme-main-header.fixed, .admin-bar header.theme-main-header{top:46px;}
  header.theme-main-header.bg-color .theme-main-menu::after{right:78%;}
  
  .woocommerce div.product div.images.woocommerce-product-gallery{
        width:40%;
        margin-right:30px;
    }
    .woocommerce div.product div.summary.entry-summary{
        width:55%;
    }
    .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2,
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
		width:100%;
		float:none;
		max-width: 100% !important;
	}
	.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{
		margin-top:40px;
	}
	.woocommerce table.shop_table{
		border:1px solid #f3f3f3;
	}
	.woocommerce .shop_table tbody tr.cart_item td{
		padding:15px;
	}
	.woocommerce .shop_table tbody tr td.actions{
		padding:15px !important;
	}
	.woocommerce .shop_table tbody tr td.actions .coupon{
		display:block;
	}
	.woocommerce-cart table.cart td.actions .coupon .input-text{
		width:100%;
		margin-bottom:15px;
	}
	.cart .quantity input.input-text{
	    margin-right:0px;   
	}
	.author-box .author-comment .inner-box,
	.sidebar-page-container .comments-area .comment,
	.shop-page .prod-tabs .reviews-container .review-box{
		padding-left:0px;
	}
	.shop-page .prod-tabs .reviews-container .rev-thumb{
		position:relative;
	}
	.rightflooring-comment-item .rightflooring-comment-item{
		margin-left:0px;	
	}
}
@media only screen and (max-width: 667px){
    .woocommerce div.product div.images.woocommerce-product-gallery,
    .woocommerce div.product div.summary.entry-summary{
        width:100%;
        margin:10px 0px;
    }
}


/*(max-width: 767px)*/

@media (min-width: 600px) and (max-width: 767px) {
  .our-project .single-project .text h4 a, .our-blog .single-blog .text h4 a,
  .our-project .single-project .image .opacity .title h4 {font-size: 20px;}
  .our-project .single-project .text {padding-left: 12px;padding-right: 12px;}
  .our-project.project-v5 .mix {width: 50%;}
}

@media (max-width: 650px) {
  #success,#error {
    width: 84%;
    height: auto;
    top: calc(50% - 50px);
    left: 8%;
    padding: 30px 10px;
  }
  .admin-bar header.theme-main-header.fixed{top:0px;}
}

@media (max-width: 600px) {
  .theme-title p br {display: none;}
  .our-project .col-xs-6,.our-service .col-xs-6,.our-blog .col-xs-6,.faq-page .col-xs-6,
  .shop-details .single-product-details .image,.shop-details .single-product-details .info {width: 100%;}
  .shop-details .single-product-details .info {padding: 50px 0 0 0;}
  .error-page {padding: 100px 0 150px 0;}
}

@media (max-width: 550px) {
  .request-quote-section .quote-form form h4:before {left:-100px;top:0;height: 120px;-webkit-transform:none;transform:none;}
  .request-quote-section .quote-form form {padding-left: 20px;padding-right: 20px;}
  .bottom-banner ul li i {font-size: 45px;}
  .admin-bar header.theme-main-header.fixed{top:0px;}
}

@media (max-width: 500px) {
  .blog-details-post .post .page-indicator a.pager {float: none;display: block;margin-bottom: 15px;}
  .blog-details-post .post .page-indicator .back-top {
    position: static;
    -webkit-transform:none;
            transform:none;
    margin-bottom: 20px;
  }
  .blog-details-post .comment-section .single-comment {margin-left: 0;}
  .blog-details-post .comment-section .single-comment.reply-comment {padding-left: 30px;}
  .blog-details-post .comment-section .single-comment .comment button,
  .blog-details-post .comment-section .single-comment .comment span {float: none;}
}
@media (max-width: 499px) {
	html{margin-top:0px !important;}
	.admin-bar header.theme-main-header{top:40px;}
	.admin-bar header.theme-main-header.fixed{top:0px;}
	.admin-bar .theme-main-header.bg-color{top:46px;}
	.woocommerce .checkout_coupon p,.woocommerce .woocommerce-checkout #customer_details .col-1,.woocommerce .woocommerce-checkout #customer_details .col-2{display:block; width:100% !important; float:none !important;}
    .woocommerce .woocommerce-checkout #customer_details .col-2{margin-top:35px;}
	.inner-banner .opacity h2{font-size:30px !important; margin:40px 0;}
}
@media (max-width: 480px) {
  .inner-banner .opacity {padding-top: 170px;}
  .inner-banner .opacity h2 {font-size: 50px;}
}

@media (max-width: 450px) {
  .shop-page .all-product-wrapper .col-xs-6 {width: 100%;}
  #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{float:none !important;}
  .woocommerce tbody .actions{text-align:center;}
  .woocommerce tbody .actions .coupon{dispay:block !important; text-align:center; width:100%;}
  .woocommerce tbody .actions > input.button{display:inline-block !important; width:100% !important;}
  .woocommerce tbody .actions .coupon #coupon_code,.woocommerce tbody .actions .coupon .button{float:none !important; display:inline-block !important; margin-right:0px !important;}
  .woocommerce tbody .actions .coupon .button{float:none !important; margin-top:20px;}
  .blog-details-post .comment-section .single-comment .img{width:100%; float:none !important; margin-bottom:30px;}
  .blog-details-post .comment-section .single-comment .img img{display:inline-block;}
  .blog-details-post .comment-section .single-comment .comment{width:100%; float:none; padding:0px;}
  .blog-details-post .comment-section ul.children{padding:0px;}
}


@media (max-width: 400px) {
  .blog-details-post .post .post-heading ul li {width: 100%;}
  .request-quote-section .quote-banner a,.error-page a {width: 220px;}
  .theme-main-container .theme-sidebar .sidebar-list ul li a {font-size: 16px;padding-left: 15px;}
  .details-page .theme-large-content .details-tab .panel-heading h6 a,.details-page .theme-large-content .details-tab .panel-body {padding-left: 15px;}
}

@media (max-width: 380px) {
  .theme-counter .opacity .text-center h5 {font-size: 15px;margin-bottom: 12px;}
  .theme-counter .opacity .text-center .number {font-size: 35px;}
  .theme-counter .opacity .text-center {padding: 30px 0;}
  .page-pagination ul li a {font-size: 20px;}
  .page-pagination ul li {padding: 0 3px;}
}


@media only screen and (max-width: 599px){
.woocommerce div.product div.images.woocommerce-product-gallery,
    .woocommerce div.product div.summary.entry-summary{
        width:100%;
        margin:10px 0px;
    }
    .woocommerce .woocommerce-form-coupon p{
		float:none;
		width:100%;
	}
	.shop-page .prod-tabs .tab-btns .tab-btn{
		width:100%;
		margin-right:0px;
	}
	.cart-section .coupon-outer .theme-btn,
	.cart-section .apply-coupon .form-group input[type="text"],
	.cart-section .coupon-outer .pull-left{
		width:100%;
	}
	
	.cart-section .apply-coupon .form-group{
		margin-right:0px;
		width:100%;
	}
	.woocommerce-page table.cart td.actions .coupon .button,
	.woocommerce form.woocommerce-form-coupon .form-row{
	    width:100%   
	}
}

@media only screen and (max-width: 479px) {
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	    padding:12px 20px 10px;   
	}
	
	.totals-table li .col-title{
		padding:0px;
	}
	
	.cart-total-box{
		padding-left:15px;
		padding-right:15px;
	}
	.shop-page .prod-tabs .reviews-container .rev-header .time{
		position:relative;
		width:100%;
		margin-top:0px;
	}
	.woocommerce-page table.cart td.actions .coupon .button{
		float:none;
		width:100%;
	}
	
}