/* =====================================
Template Name: Eshop
Author Name: Naimur Rahman
Author URI: http://www.wpthemesgrid.com/
Description: Eshop - eCommerce HTML5 Template.
Version:1.0
========================================*/

/*CERTIFICATE PAGE RESPONSIVE START*/

@media (max-width: 1100px){
    .banner-min-contnet{
        margin-top:20px;
    }
}
@media (max-width: 999px){
    .banner-min-contnet{
        margin-top: -40px;
    }
    .Partner{
        padding: 100px 13%;
    }
    .tabss .tab-area li{
        font-size:15px;
    }
    .tab-area {
        text-align:center;
    }
    .tabss .row {
    justify-content: center;
    }
    .tabss .row .col-lg-3.animate__animated.animate__fadeInLeft.animate__delay-5 {
    width: 35%;
    }
    .package-content h2 {
    text-align: center;
     }
     section.sectionfive .package-content {
    min-height: 390px;
    display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
}
@media (max-width: 890px){
        .Certificate{
        padding: 70px 50px;
        gap: 30px;
    }
    .CertficateCard1{
        gap:30px;
    }
    .CertficateCard2{
        gap:30px;
    }
    .CertficateCard3{
        gap:30px;
    }
}
@media (max-width: 769px){
    .banner-min-contnet{
        margin-top: -10px;
    }
     .Partner{
        padding: 100px 10%;
        gap:30px;
    }
     .tabss .row .col-lg-3.animate__animated.animate__fadeInLeft.animate__delay-5 {
    width: 43%;
    }
}
@media (max-width: 690px){
          .Certificate{
            padding: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 40px;
            
        }
        
        .CertficateCard1{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap:40px;
        }
        .CertficateCard2{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap:40px;
        }
        .CertficateCard3{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap:40px;
        }
         .Partner{
        padding: 100px 15.5%;
        gap:30px;
         }
        .partnerCard{
        flex-direction:column;
        gap:30px;
         }
}
@media (max-width: 580px){
    .banner-min-contnet{
        margin-top: 20px;
    }
    .tabss .row .col-lg-3.animate__animated.animate__fadeInLeft.animate__delay-5 {
    width: 80%;
    }
}

@media (max-width: 480px){
          .Certificate{
            padding: 70px 8%;
            
            gap: 40px;
            
        }
        
        .CertficateCard1{
            
            gap:40px;
        }
        .CertficateCard2{
         
            gap:40px;
        }
        .CertficateCard3{
           
            gap:40px;
        }
}
@media (max-width: 420px){
     .Partner{
        padding: 70px 10%;
        gap:30px;
    }
}
@media (max-width: 380px){
    .banner-min-contnet{
        margin-top: 40px;
    }
}
@media (max-width:350px){
    .tabss .row .col-lg-3.animate__animated.animate__fadeInLeft.animate__delay-5 {
    width: 90%;
    }
    
}



.nav-inner .main-menu.navbar-nav .dropdown .dropdown-menu {
    width:130%;
}


/*CERTIFICATE PAGE RESPONSIVE END*/



/* Tablet Screen */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section {
		padding: 50px 0px;
	}

	.shop.single {
		padding: 30px 0 50px 0;
	}

	.section-title {
		margin-bottom: 50px;
		padding: 0px 109px;
	}

	.section-title h2 {
		font-size: 26px;
		margin-bottom: 20px;
	}

	.section-title p {
		font-size: 13px;
	}

	.shop-services.section {
		padding: 45px 0 0px 0;
	}

	.breadcrumbs {
		padding: 20px 0;
	}

	.blog-single.grid .pagination {
		float: none;
		text-align: center;
	}

	.header.shop .topbar .top-left {
		text-align: center;
	}

	.header.shop .topbar .right-content {
		text-align: center;
		float: none;
		margin-top: 8px;
	}

	.header.shop .right-bar .sinlge-bar .single-icon {
		font-size: 18px;
	}

	.header .shopping .shopping-item {
		top: 62px;
	}

	.header .shopping .dropdown-cart-header a {
		font-size: 12px;
	}

	.header .shopping .dropdown-cart-header span {
		font-size: 12px;
	}

	.header .shopping-list h4 a {
		font-weight: 500;
		font-size: 13px;
	}

	.header .shopping-item .total span {
		font-size: 12px;
		font-weight: 500;
	}

	.header .shopping-item .total .total-amount {
		font-size: 13px;
		font-weight: 500;
	}

	.header .shopping-item .bottom .btn {
		padding: 8px 20px;
	}

	.header.shop .search-bar {
		height: 45px;
	}

	.header.shop .nice-select {
		height: 44px;
		line-height: 44px;
		font-size: 13px;
	}

	.header.shop .nice-select .list li {
		font-size: 13px;
	}

	.header.shop .search-bar .btnn {
		height: 45px;
		line-height: 45px;
		font-size: 14px;
	}

	.header.shop .search-bar {
		width: 445px;
	}

	.header.shop .search-bar input {
		padding: 0 52px 0 20px;
		width: 264px;
		height: auto;
		font-size: 13px;
	}

	.header.shop .all-category {
		display: none;
	}

	.navbar-nav {
		display: inline-block !important;
	}

	.header.shop .nav li {
		display: inline-block;
		margin-right: 2px;
	}

	.header.shop .nav li a {
		font-size: 14px;
		padding: 15px 15px;
	}

	.header .nav li a i {
		font-size: 8px;
	}

	.header.shop .nav li .new {
		font-size: 8px;
		left: 21px;
		top: 0px;
		font-weight: 500;
		height: 16px;
		line-height: 16px;
	}

	.header.shop .nav .dropdown li {
		display: block;
	}

	.hero-slider {
		height: 416px;
	}

	.hero-slider .hero-text {
		margin-top: 80px;
	}

	.hero-slider .hero-text h1 {
		font-size: 35px;
		margin-bottom: 5px;
	}

	.hero-slider .hero-text h1 span {
		font-size: 17px;
		margin-bottom: 0;
	}

	.hero-slider .hero-text .btn {
		padding: 12px 30px;
	}

	.hero-area2 .single-slider {
		height: 400px;
	}

	.hero-area2 .single-slider .content {
		padding: 90px 0px 0px 0px;
	}

	.hero-area2 .single-slider .content .sub-title {
		font-size: 14px;
	}

	.hero-area2 .single-slider .content .title {
		font-size: 17px;
		margin-top: 7px;
		margin-bottom: 12px;
	}

	.hero-area2 .single-slider .content .des {
		color: #fff;
		line-height: 20px;
	}

	.hero-area2 .single-slider .content .button .btn {
		padding: 7px 18px;
		margin-top: 22px;
		font-size: 12px;
	}

	.hero-area3 .big-content {
		height: 400px;
		margin-top: 16px;
	}

	.hero-area3 .big-content .title {
		font-size: 25px;
		margin-bottom: 12px;
		line-height: 35px;
	}

	.hero-area3 .big-content .button {
		margin-top: 30px;
		display: block;
	}

	.hero-area3 .big-content .button .btn {
		color: #fff;
		padding: 10px 24px;
	}

	.hero-area3 .small-content {
		margin-top: 15px;
	}

	.hero-area3 .small-content.first {
		width: 49%;
		display: inline-block;
		margin-right: 10px;
	}

	.hero-area3 .small-content.secound {
		width: 49%;
		display: inline-block;
		float: right;
	}

	.hero-area4 .big-content {
		height: 400px;
		margin-top: 20px;
	}

	.hero-area4 .big-content .inner {
		padding: 0;
		padding-right: 30px;
	}

	.hero-area4 .big-content .title {
		font-size: 25px;
		margin-bottom: 20px;
		line-height: 30px;
	}

	.hero-area4 .big-content .des {
		font-size: 13px;
	}

	.hero-area4 .big-content .button {
		margin-top: 30px;
	}

	.hero-area4 .big-content .button .btn {
		padding: 10px 20px;
	}

	.small-banner {
		padding: 18px 0;
	}

	.small-banner .single-banner.tab-height {
		height: 300px;
	}

	.small-banner .single-banner {
		margin-bottom: 18px;
	}

	.modal-dialog .quickview-slider-active {
		width: 720px;
	}

	.quickview-content {
		padding: 40px;
	}

	.quickview-content .size .title {
		margin-top: 16px;
	}

	.midium-banner .single-banner .content {
		padding: 35px;
	}

	.midium-banner .single-banner h3 {
		font-size: 20px;
		line-height: 24px;
	}

	.midium-banner .single-banner a {
		padding: 6px 20px;
		margin-top: 15px;
	}

	.most-popular .single-product {
		margin: 20px 15px 0 15px;
	}

	.shop-home-list .shop-section-title {
		margin-top: 20px;
	}

	.cown-down {
		height: auto;
	}

	.cown-down .padding-left {
		padding: 0;
	}

	.cown-down .padding-right {
		padding: 0;
	}

	.cown-down .content {
		padding: 50px 110px;
	}

	.cown-down .content .heading-block {
		padding: 0;
		position: relative;
	}

	.shop-blog .shop-single-blog {
		margin-bottom: 30px;
	}

	.shop-services {
		padding: 50px 0;
	}

	.shop-services .single-service {
		padding: 12px 0 12px 65px;
	}

	.shop-newsletter .newsletter-inner input {
		width: 380px;
	}

	.shop-blog.grid .shop-single-blog {
		margin-top: 0px;
	}

	.main-sidebar .side-tags .tag {
		margin-top: 30px;
	}

	.shopping-cart .table td {
		padding: 20px;
	}

	.shopping-cart .qty .button .btn {
		width: 38px;
	}

	.shopping-cart .table .qty {
		padding: 0;
	}

	.shopping-cart .total-amount .left .coupon form .btn {
		display: inline-block;
		height: 48px;
		margin-left: 0px;
		width: 220px;
		margin-top: 10px;
		display: block;
	}

	.contact-us .form-main {
		padding: 30px;
	}

	.contact-us .form .button .btn {
		height: auto;
		padding: 15px 22px;
	}

	#myMap {
		height: 300px;
		width: 100%;
	}

	.contact-us .single-head {
		padding: 30px;
		margin-top: 30px;
	}

	.about-us .about-content {
		padding: 0;
		margin-bottom: 30px;
	}

	.error-page .error-inner h2 {
		font-size: 100px;
	}

	.footer .copyright .left {
		float: none;
		text-align: center;
	}

	.footer .copyright .right {
		float: none;
		text-align: center;
		margin-top: 10px;
	}

	.footer .single-footer {
		padding: 20px 0;
	}





}