/* Responsive Styles 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 1199px) {
	.menu-area .main-menu ul li a {
	    margin-right: 3px;
	}
	.how-work .work-video .video-content {
	    padding: 125px 0;
	}
	.gallery-box .gallery-items .grid-item .gallery-content .box-item .box-item-heading h4 a {
	    font-size: 15px;
	}
	.pricing .pricing-box .pricing-content {
	    padding: 40px 35px 60px;
	}
	.pricing .pricing-box .pricing-price {
	    padding: 40px 36px;
	}
	header .main-menu ul li a {
		margin: 0 2px;
	}
	header .main-menu ul li.dropdown-block ul.mega-menu {
		left: -229px;
	}
	.feature-item .feature-box .box-item .box-item-heading h4 a,
	.new-item .slider-box .new-item-box .box-item .box-item-heading h4 a,
	.product-grid-one .gallery-items .grid-item .gallery-content .box-item .box-item-heading h4 a {
		font-size: 15px;
	}
	.product-grid-two .gallery-content .box-item .box-item-heading h6 a {
		font-size: 13px;
	}
	.product-grid-two .gallery-content .box-item .box-item-price p {
		width: 40px;
	}
	.profile .author-product .box-item .box-item-heading h4 a {
		font-size: 15px;
	}
}

@media only screen and (max-width: 991px) {
	.logo-area .logo-menu ul li a {
		font-size: 12px;
		margin: 0;
	}
	.logo-area .cart-box .sign-btn {
		font-size: 12px;
	}
	.logo-area .cart-box .sign-btn {
		margin-left: 5px;
	}

	.menu-area form.search-box {
		display: none;
	}
	.menu-area .main-menu ul li a {
		font-size: 14px;
	}
	.menu-area .main-menu ul li.dropdown-block ul.mega-menu {
		width: 100%;
		padding: 10px 0 5px;
	}
	.menu-area .main-menu ul li.dropdown-block ul.mega-menu li a {
		font-size: 13px;
		padding: 10px 5px;
	}
	.banner .banner-content h1 {
		font-size: 32px;
	}
	.banner .banner-content h5 {
		font-size: 17px;
	}
	.banner .counter-number h5 {
		font-size: 17px;
	}
	.gallery-box ul.gallery-filter li,
	.product-grid-one ul.gallery-filter li {
		margin: 0 22px;
	}
	.about .about-content h5 {
		font-size: 16px;
	}
	.about .about-content p {
	    font-size: 14px;
	    line-height: 25px;
	    max-width: 185px;
	}
	footer .footer-top .footer-contact .footer-social li a i {
		font-size: 12px;
		width: 25px;
		height: 25px;
		margin-right: 0;
		padding: 6px;
	}
	footer .footer-bottom .copyright-text p,
	footer .footer-bottom .copyright-text p i {
		font-size: 12px;
	}
	footer .footer-bottom .copyright-text p a {
	    font-size: 13px;
	}
	.pricing .pricing-box .pricing-price {
		padding: 20px 25px;
	}
	.pricing .pricing-box .pricing-price h4 {
		font-size: 18px;
	}
	.pricing .pricing-box .pricing-price h1 {
		font-size: 36px;
		margin-bottom: 0;
	}
	.pricing .pricing-box .pricing-price p {
		font-size: 12px;
	}
	.pricing .pricing-box .pricing-content {
	    padding: 20px 25px 35px;
	}
	.pricing .pricing-box .pricing-content ul {
	    margin-bottom: 30px;
	}
	.pricing .pricing-box .pricing-content ul li {
	    font-size: 13px;
	    margin-bottom: 10px;
	}
	.pricing .pricing-box .pricing-content ul li i {
		margin-right: 5px;
	}
	header .main-menu ul li a {
		font-size: 13px;
	}
	header .main-menu ul li a {
	    margin: 0 -3px;
	}
	header .main-menu ul li.dropdown-block ul.mega-menu {
		left: -172px;
	}
	header .main-menu ul li.dropdown-block:hover ul.mega-menu {
		padding: 10px 0 5px;
	}
	header .main-menu ul li.dropdown-block ul.mega-menu li a {
		font-size: 12.5px;
    	padding: 10px 5px;
	}
	header .cart-box .sign-btn {
		margin-left: 3px;
	}
	.product-details .product-tab ul.nav-tabs li {
	    margin-right: 15px;
	}
	.product-details .product-tab ul.nav-tabs li a {
		font-size: 14px;
	}
	.product-details .item-info ul li {
		font-size: 13px;
	}
	.profile .author-product .box-item .box-item-heading h4 a {
	    font-size: 14px;
	}
	.profile .author-product .box-item .box-item-price p {
		font-size: 18px;
		height: 36px;
    	width: 50px;
	}
	.profile .author-product .box-item .box-item-heading p {
		font-size: 13px;
	}
	.cart .cart-tbox ul.total-btn li:nth-child(1) {
		margin-right: 0;
		margin-bottom: 30px;
	}
	.product-grid-three .pro-box .pro-content {
		padding-right: 0;
	}
	.blog-details .blog-d-box .blog-comment .comment-box .comment-img a img {
		margin-right: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.banner, .banner2 {
		min-height: 420px;
		padding-top: 150px;
	}
	.banner .banner-content h1 {
	    font-size: 22px;
	}
	.banner .banner-content h5 {
	    font-size: 15px;
	}
	.banner .banner-content {
	    margin-bottom: 65px;
	}
	.banner .counter-number {
	    display: none;
	}
	.gallery-box .gallery-top, 
	.about .about-top, 
	.testimonial .testimonial-top, 
	.blog-home .blog-top, 
	.pricing .pricing-top,
	footer .footer-top,
	.feature-item .feature-top,
	.new-item .new-top,
	.about-page .aboutp-top,
	.team .team-top {
	    margin-bottom: 45px;
	}
	.gallery-box .gallery-top h2, 
	.about .about-top h2, 
	.testimonial .testimonial-top h2, 
	.blog-home .blog-top h2, 
	.pricing .pricing-top h2,
	.feature-item .feature-top h2,
	.new-item .new-top h2,
	.about-page .aboutp-top h2,
	.team .team-top h2 {
		font-size: 22px;
	}
	.gallery-box .gallery-top p, 
	.about .about-top p, 
	.testimonial .testimonial-top p, 
	.blog-home .blog-top p, 
	.pricing .pricing-top p,
	.feature-item .feature-top p,
	.new-item .new-top p,
	.about-page .aboutp-top p,
	.team .team-top p {
		display: none;
	}
	.gallery-box ul.gallery-filter li,
	.product-grid-one ul.gallery-filter li {
		font-size: 14px;
		margin: 0 8px;
	}
	.gallery-box .gallery-items .gallery-content .gallery-image .image-box a img {
		width: 100%;
	}
	.about .about-content p {
	    max-width: 330px;
	}
	.how-work .work-content {
		margin-bottom: 30px;
	}
	.blog-home .blog-box {
	    margin-bottom: 30px;
	}
	.blog-home .blog-box .blog-image a img {
	    width: 100%;
	}
	.pricing .pricing-box {
		max-width: 200px;
	}
	.pricing .pricing-box {
	    max-width: 350px;
	    margin: auto;
	    margin-bottom: 30px;
	}
	footer .footer-top {
		text-align: center;
	}
	footer .footer-top div {
		margin-bottom: 30px;
	}
	footer .footer-bottom .copyright-text p, footer .footer-bottom .payment-images {
		text-align: center !important;
		margin-bottom: 15px;
	}
	footer .footer-top .footer-contact form {
	    width: 60%;
	    margin: auto;
	    margin-bottom: 25px;
	}
	.feature-item .feature-box .feature-image .image-box a img {
		width: 100%;
	}
	.about-page .about-who-img img {
		margin-bottom: 20px;
	}
	.about-page .mission-content {
		margin-bottom: 20px;
	}
	.breadcrumb-area {
		padding: 100px 0 65px;
	}
	.breadcrumb-area h1 {
		font-size: 30px;
	}
	.product-grid-one .gallery-items .grid-item .gallery-content .gallery-image .image-box a img {
		width: 100%;
	}
	.product-grid-two .product-category,
	.product-grid-three .product-category {
		margin-bottom: 35px;
	}
	.product-grid-two .gallery-content .gallery-image .image-box a img,
	.product-grid-three .pro-box .pro-image img {
		width: 100%;
	}
	.author-msg {
		margin-bottom: 30px;
	}
	.profile .author-product .product-image .image-box a img {
		width: 100%;
	}
	.faq .faq-box {
		padding: 12px 10px;
	}
	.faq .faq-box h6 {
		font-size: 16px;
	}
	.faq .faq-box p {
		font-size: 14px;
		line-height: 26px;
	}
	.coming-soon .cs-content h2 {
		font-size: 24px;
	}
	.coming-soon .cs-content p {
    	font-size: 15px;
    }
    .contact .contact-top {
    	margin-bottom: 50px;
    }
    .contact .contact-top h2 {
    	font-size: 24px;
    }
    .contact .contact-top p {
    	display: none;
    }
    .contact .contact-box {
    	margin-bottom: 50px;
    }
    .contact .contact-box.justify-content-center {
	    justify-content: flex-start !important;
    }
    .contact .contact-form {
    	margin-bottom: 50px;
    }
    .cart .payment-method {
    	margin-bottom: 35px;
    	padding: 20px 20px 35px;
    }
    .cart .cart-tbox ul.total-btn li:nth-child(1) a, 
    .cart .cart-tbox ul.total-btn li:nth-child(2) a {
    	font-size: 13px;
    	padding: 8px 6px;
    }
    .cart .payment-method h5,
    .cart .cart-tbox h5 {
    	font-size: 16px;
    }
    .cart .payment-method ul li,
    .cart .cart-tbox ul.total-list li,
    .cart .cart-tbox h6 {
    	font-size: 13px;
    }
    .cart .cart-tbox {
    	padding: 20px 20px 35px;
    }
    .checkout .check-meth .guest-register {
    	margin-bottom: 30px;
    }
    .checkout .check-meth h4,
    .checkout .biling-det h4,
    .checkout .order-box h4 {
    	font-size: 20px;
    }
    .checkout .check-meth .guest-register h6,
    .checkout .check-meth .registerd h6 {
    	font-size: 15px;
    }
    .checkout .check-meth .guest-register p,
    .checkout .order-box .order-table ul.order-item li a {
    	font-size: 14px;
    }
	.blog-details .blog-d-box .comment-form {
		margin-bottom: 45px;
	}
}

@media only screen and (max-width: 480px) {
	.mean-container .mean-bar .meanmenu-reveal {
		margin-left: 15px;
	}
	.mean-container .mean-bar .mean-nav a span {
		margin-right: 15px;
	}
	.mean-container .mean-bar .mean-nav a img {
	    margin-top: 13px;
	    margin-right: -40px;
	    width: 110px;
	}
	.mean-container .mean-bar .mean-nav ul {
		padding: 0 15px;
	}
	.mean-container .mean-bar .mean-nav ul li ul {
	    padding-left: 10px;
	}
	.product-details .pro-details-box .details-img-box ul li {
		margin: 0;
		margin-bottom: 10px;
	}
	.product-details .pro-details-box .details-img-box ul li a {
		font-size: 15px;
		width: 125px;
	    height: 35px;
	    padding-top: 6px;
	}
	.signin .signin-box h4,
	.signup .signup-box h4,
	.uplaod-item .upload-box .pro-heading h4 {
		font-size: 18px;
	}
	.signin .signin-box,
	.signup .signup-box,
	.uplaod-item .upload-box {
		padding: 29px 12px 35px;
	}
	.signup .signup-box form .signup-btn button {
		width: 130px;
	}
	.error .error-box {
		padding-left: 0;
	}
	.error .error-box h1 {
		font-size: 105px;
	}
	.error .error-box h2 {
    	font-size: 24px;
	}
	.error .error-box a {
	    font-size: 15px;
	    padding: 15px 25px;
	}
	.coming-soon .cs-content .count-subs form {
		width: 100%;
	}
	.coming-soon .cs-content .countdown-timer #timer-wrapper .timer-body-block .table-cell {
		width: 90px;
		height: 92px;
		padding: 5px;
	}
	footer .footer-top .footer-contact form {
		width: 100%;
	}
	.cart .cart-box table thead tr td:nth-child(3),
	.cart .cart-box table tbody tr td:nth-child(3) {
		display: none;
	}
	.cart .cart-box table tbody tr td .item-box h6 a {
		font-size: 15px;
	}
	.cart .cart-box table tbody tr td:nth-child(2) {
		font-size: 16px;
	}
	.checkout .pay-method p img {
		margin-left: 0;
		max-width: 100%;
	}
	.checkout .check-meth .registerd form input {
		width: 100%;
	}
	.blog-details .blog-d-box .blog-btns .share-btn ul li:first-child {
		font-size: 14px;
	}
	.blog-details .blog-d-box .blog-btns .share-btn ul li:not(:last-child),
	.blog-details .blog-d-box .blog-btns .post-bfaf ul li:not(:last-child){
		margin-right: 0;
	}
	.blog-details .blog-d-box .blog-btns .share-btn ul li a i {
		width: 25px;
		height: 25px;
		padding-top: 5px;
	}
	.blog-details .blog-d-box .blog-btns .post-bfaf ul li a {
		font-size: 13px;
		width: 60px;
		height: 25px;
		padding-top: 2px;
	}
}