/* Medium Layout: 1280px. */
 @media only screen and (min-width: 1171px) and (max-width: 1300px) {
     .container{
         width:1130px 
    }
     .mainmenu li ul li ul {
         width: 180px;
    }
     .quote-sologan-video-area h2 {
         font-size: 38px;
    }
     .coupon-left input {
         margin-bottom: 20px;
    }
}
@media (max-width: 1199px){
	/*.mainmenu {
		width: 580px;
	}*/
	.mainmenu li a{
		padding: 0 6px
	}
}
 @media only screen and (min-width: 992px) and (max-width: 1170px) {
     /* .container{
         width:940px 
    } */
     .coupon-left input {
         margin-bottom: 20px;
    }
}
@media only screen and (min-width: 992px){
	.lg-hidden{
		display: none
	}
}
 @media only screen and (max-width: 991px){
    .responsive-menu-wrap {
        display: block;
        margin-top: -16px;
        position: absolute;
        right: 30px;
        top: 50%;
        z-index: 1;
    }
    .responsive-menu-wrap .slicknav_menu {
        margin: 0;
        padding: 0;
    }
 }
/* Tablet Layout: 768px. */
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .mainmenu, .header-search-bar {
         display: none 
    }
     
    .slicknav_btn {
         margin: 0;
    }
     .slicknav_nav {
         background: #333 none repeat scroll 0 0;
         border-radius: 2px;
         width: 250px;
    }
     .single-folio {
         width: 50%;
    }
     .single-counter {
         margin: 20px 0;
    }
     .wdg-follow-us li {
         margin: 0 5px 5px;
    }
     .single-member.member-2 {
         width: 30%;
    }
     .coupon-left {
         margin-bottom: 20px;
    }
     .cart-table .table-bordered td, .cart-table .table-bordered th {
         font-size: 10px;
    }
     .cart-img img {
         width: 70px;
         height: 70px;
    }
     .cart-price span {
         font-size: 14px;
    }
	.about-area .container{
		background: none
	}
}

@media only screen and (max-width: 991px) {
	.header-phone{
		margin-right: 70px
	}
	.about-content{
		position: static;
		margin: 0
	}
	.about-area img{
		width: 100%
	}
	.single-member{
		margin: 0 5px 40px;
	}
	.mayabi-single-slider h1{
		font-size: 37px;
	}
	.footer-logo{
		text-align: center
	}
}

/* Mobile Layout: 320px. */
 @media only screen and (max-width: 767px) {
     .sec-p-100 {
         padding: 50px 0;
    }
     .sm-mt-30 {
         margin-top: 30px;
    }
     .services-area .spacer-30 {
         height: 0;
    }
     .shop-area .spacer-30, .blog-area .spacer-25 {
         height: 0;
    }
     .mainmenu, .header-search-bar {
         display: none 
    }
     .slicknav_btn {
         margin: 0;
    }
     .slicknav_nav {
         background: #333 none repeat scroll 0 0;
         border-radius: 2px;
         width: 250px;
    }
     .mayabi-single-slider h1 {
         font-size: 40px;
         line-height: 48px;
    }
     .about-content {
         padding: 50px;
         margin-left: 0;
    }
     .about-single-img {
         width: 100%;
    }
     .single-folio {
         width: 100%;
    }
     .single-services {
         margin: 20px 0;
    }
     .single-counter {
         margin: 20px 0;
    }
     .post-tag-share-area {
         border: none;
         padding: 0;
    }
     .post-tag-share-area ul {
         display: block;
    }
     .blog-share-icon {
         display: block;
         float: left;
         margin: 20px 0;
    }
     .mayabi-pagination-2 {
         display: block;
         margin-top: 30px;
    }
     .post-comments-form .btn {
         margin-bottom: 20px;
    }
     .mayabi-pagination {
         margin-bottom: 30px;
    }
     .cart-table .table-bordered td, .cart-table .table-bordered th {
         font-size: 10px;
         padding: 7px;
    }
     .cart-img img {
         width: 50px;
         height: 50px;
    }
     .cart-price span {
         font-size: 14px;
    }
     .coupon-left {
         margin-bottom: 20px;
    }
     .cart-total-price .btn {
         margin-bottom: 20px;
    }
	.mayabi-login-area .btn {
    margin-bottom: 20px;
	}
	.popup-gallery{
		width: 100%
	}
	.popup-gallery .folio-desc{
		padding: 30px
	}
	.about-area .container{
		background: none
	}
	.single-member {
		margin: 0 auto 40px;
		max-width: 300px;
	}
	.footer-area .header-phone{
		text-align: center;
		margin: 0 auto 5px
	}
	.footer-logo.mb-30{
		margin-bottom: 10px
	}
	.footer-phone{
		-webkit-order: 1;
		-ms-flex-order: 1;
        order: 1;
	}
	.footer-area .cp{
		-webkit-order: 2;
		-ms-flex-order: 2;
        order: 2;
	}
}
/* Wide Mobile Layout: 480px. */
 @media only screen and (min-width: 480px) and (max-width: 767px) {
     .sec-p-100 {
         padding: 50px 0;
    }
     .sm-mt-30 {
         margin-top: 30px;
    }
     .services-area .spacer-30 {
         height: 0;
    }
     .shop-area .spacer-30, .blog-area .spacer-25 {
         height: 0;
    }
     .mainmenu, .header-search-bar {
         display: none 
    }
    .slicknav_btn {
         margin: 0;
    }
     .slicknav_nav {
         background: #333 none repeat scroll 0 0;
         border-radius: 2px;
         width: 250px;
    }
     .mayabi-single-slider h1 {
         font-size: 33px;
         line-height: 41px;
    }
     .about-content {
         padding: 50px;
         margin-left: 0;
        /*  text-align: center; */
		
    }
     .single-folio {
         width: 50%;
    }
     .single-services {
         margin: 20px 0;
    }
     .single-counter {
         margin: 20px 0;
    }
     .post-tag-share-area {
         border: none;
         padding: 0;
    }
     .post-tag-share-area ul {
         display: block;
    }
     .blog-share-icon {
         display: block;
         float: left;
         margin: 20px 0;
    }
     .mayabi-pagination-2 {
         display: block;
         margin-top: 30px;
    }
     .post-comments-form .btn {
         margin-bottom: 20px;
    }
     .mayabi-pagination {
         margin-bottom: 30px;
    }
     .cart-table .table-bordered td, .cart-table .table-bordered th {
         font-size: 10px;
         padding: 7px;
    }
     .cart-img img {
         width: 50px;
         height: 50px;
    }
     .cart-price span {
         font-size: 14px;
    }
     .coupon-left {
         margin-bottom: 20px;
    }
     .cart-total-price .btn {
         margin-bottom: 20px;
    }
	.mayabi-login-area .btn {
    margin-bottom: 20px;
	}
}
@media only screen and (max-width: 580px){	
	.section-title img{
		max-width: 100%
	}
	.section-title h2{
		font-size: 24px
	}
	.modal-container{
		width: 96%
	}
}

@media only screen and (max-width: 479px){
	.sec-p-80{
		padding: 60px 0
	}
	.main-banner-area h1{
		font-size: 35px
	}
	.site-title{
		font-size: 18px;
		margin-bottom: 10px
	}
    .responsive-menu-wrap {
        right: 15px;
    }
	.mayabi-single-slider h1{
		font-size: 27px;
		line-height: 36px;
	}
	.about-content{
		padding: 30px
	}
	.modal-header{
		padding: 20px 
	}
	.modal-header h4{
		font-size: 23px;
		margin-bottom: 10px
	}
	.modal-header p{
		line-height: 1.2
	}
	.modal-body{
		padding: 0 30px 30px
	}
	.modal-body input{
		height: 45px;
		margin-bottom: 12px
	}
	.modal-body textarea{
		margin-bottom: 10px;
		height: 80px
	}
	.modal-body p.agree{
		font-size: 13px
	}
	.info-item{
		padding: 25px
	}
}
@media only screen and (max-width: 390px){
	.sec-p-80{
		padding: 50px 0
	}
	.main-banner-area h1{
		font-size: 30px
	}
	
	.header-top{
		flex-direction: column;		
	}
	.header-phone{
		margin: -30px 0 10px auto;
	}
    .responsive-menu-wrap {
        top: 20px;
        margin-top: 0;
    }
    .header-area .row{
        align-items: start
    }
	.info-item{
		padding: 20px
	}
	.st-link{
		font-size: 18px
	}
}
@media only screen and (max-width: 350px){
	.sec-p-80{
		padding: 40px 0
	}
	.main-banner-area h1{
		font-size: 27px
	}
	.site-title{
		font-size: 17px;
		margin-bottom: 10px
	}
	
	.section-title p{
		font-size: 16px;
	}
	.about-content h3{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.about-content {
		padding: 30px 15px;
	}
	.popup-gallery .folio-desc{
		font-size: 15px;
		padding: 20px;
	}
	.modal-body input{
		height: 40px;
		margin-bottom: 10px
	}
	.modal-body textarea{
		margin-bottom: 3px;
		height: 80px
	}
}