/*
  Theme Name: Edubin - LMS Education HTML Template
  Author: Humayun Ahmed
  Author URL: https://themeforest.net/user/pixelcurve
  Support: humayunahmed82@gmail.com
  Description: Creative  HTML5 template.
  Version: 1.0
*/

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
	#section4 .row {
		right: 14% !important;
		top: 2px !important;
	}

}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /*nav ul li{*/
    /*    padding:10px!important;*/
    /*}*/
	#section1 .img-side .headImg_2 {
		left: 0;
	}

	#section4 .row {
		right: 14% !important;
	}

	#section1 .img-side {
		height: 300px !important;
	}

	#section_6 .service-part .cards {
		margin: 30px 0px !important;
	}

	#testimonial_095 {
		margin-top: 0 !important;
	}

	#section_7 .faq-btn a {
		width: 15% !important;
	}

	#partners-section {
		margin-top: 120px;
		margin-bottom: 120px;
	}

}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991.98px) {

	/* .navbar-brand {
		padding-top: 0;
	} */
	nav ul li {
		padding: 0 !important;
	}

	#section1 .content-side h1 {
		font-size: 1.7rem !important;
	}

	#section1 .content-side h3 {
		font-size: 1.2rem;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	#section1 .content-side p span {
		font-size: 1rem !important;
	}

	#section1 .img-side .headImg_2 {
		left: 0;
	}

	#section3 {
		margin-top: 50px;
	}

	#section3 a {
		font-size: 12px;
		padding: 10px 12px !important;
		margin-top: 8px !important;
	}

	#section3 .img-part img {
		max-width: 90%;
	}

	#section3 h1 {
		font-size: 1.7rem !important;
		text-align: center;
	}

	#section3 h4 {
		text-align: center;
	}
	#about-page .about-image{
	    margin-top: 0;
	}
	#about-page .service-banner{
	    margin-top: 0!important;
	    margin-bottom:0!important;
	}

	/* #section4 .counter:after{
	height: 130px!important;
    width: 130px!important;

}

#section4 .counter h3{
	font-size: 12px!important;
}
#section4 .counter .counter-value{
	padding: 3px 0 3px!important;
	font-size: 20px!important;
	bottom: 11px!important;
} */
	#section4 .counter {
		width: 165px !important;
		/* min-height: 215px!important; */
	}

	#section4 .row {
		top: -72px !important;
		right: 15% !important;
	}

	#section_6 h1 {
		font-size: 1.7rem;
	}

	#section_6 {
		margin-top: 120px;
	}

	#section_6 .service-part .cards {
		height: 25rem !important;
		margin: 15px 17px !important;
	}

	#testimonial_095 {
		max-height: 300px;
	}

	.testimonial_095_slide>p {
		margin: 10px 0 20px !important;
	}

	#section_7 .faq-btn a {
		width: 25% !important;
	}

	#team-section h1:first-of-type {
		font-size: 1.7rem;
	}

	#team-section h5:first-of-type {
		font-size: 1rem;
	}

	#partners-section {
		margin-top: 50px;
		margin-bottom: 90px;
	}

	#news-part {
		margin-top: 60px;
	}

	#news-part .section-title h1 {
		font-size: 1.7rem;
	}

	#news-part .section-title p {
		font-size: 14px;
	}

	#partners-section h2 {
		font-size: 1.7rem;
	}

}


/* small mobile :320px. */
@media (min-width: 576px) and (max-width: 767.98px) {
	#section1 .img-side {
		height: 250px !important;
	}

	#section1 .img-side .headImg_2 {
		left: 0;
	}

	nav>ul {
		background: #353535;
	}
}

/* Large Mobile :480px. */
@media only screen and (max-width: 575.98px) {
	.container {
		width: 100% !important;
	}
	.navigation img{
	    width: 110px!important;
	}

	#section-wrapper .carousel-inner {
	    height: 100% !important;
	}

	.top-wrapper {
		padding: 24px 0;
	}

	#top .top-right {
		display: none;
	}

	header #top a {
		font-size: 12px;
	}

	nav>ul {
		background: white;
		top: 100px!important;
	}

	#section1 {
		flex-direction: column;
		max-width: 472px;
	}

	#section1 .content-side h1 {
		font-size: 1.9rem !important;
		text-align: center;
	}

	#section1 .content-side h3 {
		font-size: 1rem !important;
		text-align: center;
		margin-top: 0 !important;
	}

	#section1 .img-side .headImg_2 {
		left: 0;
	}

	#section3 {
		margin-top: 40px;
	}

	#section3 h1 {
		font-size: 1.9rem !important;
	}

	#section3 a {
		margin-top: 10px !important;
		margin-bottom: 20px;
	}

	#section4 {
		margin-top: 0;
		padding-bottom: 0;
	}

	#testimonial_095 {
		margin-top: 0 !important;
	}

	#partners-section {
		margin-bottom: 0;
	}

	#section_6 {
		margin-top: 70px;
	}

	#section_6 h1 {
		font-size: 1.9rem !important;
	}

	#section_6 .service-part .cards {
		margin: 15px 17px !important;
		width: 90% !important;
	}

	#section_7 h1 {
		margin-bottom: 1rem !important;
	}

	#partners-section {
		margin-top: 80px !important;
	}

	#partners-section h2 {
		font-size: 1.9rem;
	}

	#team-section h1:first-of-type {
		font-size: 1.9rem;
	}

	#team-section h5:first-of-type {
		font-size: 1rem;
	}

	#team-section .col-lg-8 {
		margin-top: 0;
	}

	#news-part {
		margin-top: 80px;
	}

	#news-part .section-title h1 {
		font-size: 1.9rem !important;
	}

	#news-part .section-title p {
		font-size: 14px !important;
	}

	#about-page .about-image {
		margin-top: 0;
		/*margin-bottom: 60px;*/
	}

	figure.effect-ming img {
		width: 100%;
	}
	#how-we-do #mobile .titlepage span{
	    margin-left: 15%!important;
	}
	.service-banner{
	    height: 200px!important;
	}
	#contact-part .contact-part::before{
	    width: 100%;
	}


}

@media (min-width: 360px) and (max-width: 575px){
    .wrapper{
    overflow-x: hidden;
}

#section-wrapper .carousel-inner{
    height: 100% !important;
    }
    .section-title{
        margin-top: 0;
    }
    .accordionWrapper{
        margin-top: 0;
    }
    	#contact-part .contact-part::before{
	    width: 100%;
	}
	#section-wrapper .carousel-caption p{
	    font-size: 1.6rem!important;
	    width : 100%!important;
	}
	#section-wrapper .carousel-caption{
	    width: 50%!important;
	}
	.whys2m-banner{
	    height: 150px;
	    margin-bottom: 0!important;
	}
}