@media (min-width: 1801px) and (max-width: 1900px) {
    header{padding: 30px 0 0;}
    header .navbar-brand{max-width: 200px;}
    header .navbar-brand img{max-width: 100%;}
}
@media (min-width: 1501px) and (max-width: 1800px) {
    .container {max-width: 1400px;}
    header .container{max-width:1400px;}
    .hero_sec .container{max-width:1400px;}
    .team_wrp .container{max-width:1400px;}
    .professional_sec .container{max-width:1400px;}
	.community-wrp .container{max-width:1400px;}


    header{padding: 30px 0 0;}
    header .navbar-brand{max-width: 150px;}
    header .navbar-brand img{max-width: 100%;}

    .hero_sec .hero_detail h1{font-size: 160px;}
    .professional_block .professional_detail ul li,.professional_block .professional_detail ul li p{font-size: 24px;line-height: 29px;}
    .marquee p,.str1 p,.str1 span{font-size: 40px;line-height: 40px;}
    .marquee_wrap{min-height: 75px;}
    .benefit_wrp{padding: 50px 0;}
    .team_wrp .team_detail h2{font-size: 80px;line-height: 80px; max-width: 550px; margin: 0 0 25px;}
    .team_wrp .team_detail p{font-size: 30px;}
    .community-wrp ul{gap: 50px;}
    .club_block h2{font-size: 140px;}
	.hero_sec .hero_detail h3{font-size:50px; line-height:70px;}
	.benefit_wrp h2{font-size:50px; line-height:50px;}
	.benefit_wrp .btn-main{font-size: 40px; padding: 13px 35px 13px; min-width: 360px;}
	.benefit_wrp h6{font-size:32px;}
	.team_wrp .team_detail{max-width:90%;}
	.team_wrp .team_slider .team-box img{width: auto; height: auto; object-fit: cover;}
	.community-wrp ul li{font-size:35px; line-height:normal;}
	.community-wrp ul li img{height: auto; object-fit: cover; max-width: 80%;}
	.contact-wrp .contact-block{padding: 35px 50px 80px; max-width: 1300px; margin: 0 auto;}
	.contact-wrp .contact-block h2{font-size:100px;}
	.contact-wrp .contact-block p{font-size: 35px; line-height: 35px;}
	.contact-wrp .contact-block form .form-group .form-control{font-size: 26px; line-height: 40px; padding: 10px 20px;}
	.club_block h4{font-size: 35px;line-height: 40px;}
	.club_block p{font-size: 35px; line-height: 40px;}
	.professional_block .professional_detail h2{font-size:90px;}
	.professional_block .professional_detail h3{font-size:40px;}
	.professional_block .professional_detail p{font-size: 28px; line-height: 35px;}
	.professional_block .professional_detail ul li b{font-size:80px; line-height:80px;}
	.professional_block .professional-img img{max-width:90%;}
	.professional_sec{padding:80px 0;}
}

/* =============================== Large Desktop (1200px – 1500px) =============================== */
@media (min-width: 1200px) and (max-width: 1500px) {
  .container {max-width: 1170px;}
    header .container{max-width:1170px;}
    .hero_sec .container{max-width:1170px;}
    .team_wrp .container{max-width:1170px;}
    .professional_sec .container{max-width:1170px;}
	.community-wrp .container{max-width:1170px;}

    header{padding: 20px 0 0;}
    header .navbar-brand{max-width: 100px;}
    header .navbar-brand img{max-width: 100%;}

    .hero_sec .hero_detail{padding: 0;bottom: 40px;}
    .hero_sec .hero_detail h1{font-size: 80px;margin: 0 0 10px;}
    .hero_sec .hero_detail h3{font-size: 40px;max-width: 60%;margin: 0 auto;line-height: 38px;}

    .marquee_wrap{min-height: 55px;}
    .marquee p,.str1 p,.str1 span{font-size: 26px;}

     .benefit_wrp{margin: 25px 0 0;padding: 50px 0;}
    .benefit_wrp h2{font-size: 50px;line-height: 50px;margin: 0 0 24px;}
    .benefit_wrp .btn-main{font-size: 35px; line-height: 40px; min-width: 300px; padding:13px 35px 13px;}
    .benefit_wrp .btn-main img{width: 40px;}
    .benefit_wrp h6{font-size: 28px;text-align: right;margin: 24px 0 0;}

    .team_wrp{padding: 60px 0;}
/*    .team_wrp .team-shape{display: none;}*/
    .team_wrp .row .col-md-5{padding: 0 15px;}
    .team_wrp .row .col-md-7{padding: 0 15px;}
    .team_wrp .team_detail{max-width: 100%;display: block;}
    .team_wrp .team_slider .swiper-pagination{margin: 20px 0 40px;}
    .team_wrp .team_detail h2{font-size: 65px;margin: 0 0 20px; max-width: 450px; line-height: 65px;}
    .team_wrp .team_detail p{font-size: 30px;line-height: 34px;}

    .community-wrp{padding: 0 0 60px;}
    .community-wrp ul{display: grid;grid-template-columns: repeat(5, 1fr); gap: 24px;}
    .community-wrp ul li{font-size: 32px;margin: 0 auto;}
    .community-wrp ul li img{margin: 0 auto 10px;}

    .contact-wrp .contact-block{padding: 32px;border-radius: 20px;}
    .contact-wrp .contact-block h2{font-size: 58px;line-height: 58px;}
    .contact-wrp .contact-block p{font-size: 32px;line-height: normal;margin: 0 0 30px;}
    .contact-wrp .contact-block form .form-group .form-control{width: 300px;font-size: 24px;line-height: 24px;}
    .contact-wrp .contact-block form{gap: 24px;}

    .club_block{padding: 40px 0 60px;}
    .club_block h2{font-size: 52px;line-height: 52px;}
    .club_block h4{font-size: 32px;line-height: 32px;}
    .club_block p{font-size: 28px;line-height: 28px;}

    .professional_sec{padding: 60px 0;}
    .professional_sec .professional_slider .swiper-slide{padding: 0 50px;}
    .professional_block .row .col-md-5{width: 40%;}
    .professional_block .row .col-md-7{width: 60%;}
    .professional_block .professional-img{max-width: 80%;margin: 0 auto 40px;}
    .professional_block .professional_detail h2{font-size: 60px;line-height: 60px;}
    .professional_block .professional_detail h3{font-size: 40px;line-height: 40px;}
    .professional_block .professional_detail p{font-size: 24px;line-height: 26px;}
    .professional_block .professional_detail ul{gap: 24px;}
    .professional_block .professional_detail ul li,.professional_block .professional_detail ul li p{font-size: 24px;line-height: 24px;gap: 10px;}
    .professional_block .professional_detail ul li b{font-size: 60px;line-height: 60px;}
    .professional_slider .custom-prev img, .professional_slider .custom-next img{max-width: 40px;}
    footer {height: 45px;}
	.team_wrp .team_detail{max-width:90%;}
	.team_wrp .team_slider .team-box img{width: auto; height: auto; object-fit: cover;}
	.community-wrp ul li img{height: auto; object-fit: cover; max-width: 80%;}
	.contact-wrp::after{height: 68%; background-position: bottom left; bottom: 0; top: inherit;}
}

/* =============================== Small Desktop / Laptop (992px – 1199px) =============================== */
@media (min-width: 992px) and (max-width: 1199px) {
  .container {max-width: 960px;}
    header .container{max-width:960px;}
    .hero_sec .container{max-width:960px;}
    .team_wrp .container{max-width:960px;}
    .professional_sec .container{max-width:960px;}
	.community-wrp .container{max-width:960px;}

    header{padding: 20px 0 0;}
    header .navbar-brand{max-width: 100px;}
    header .navbar-brand img{max-width: 100%;}

    .hero_sec .hero_detail{padding: 0;bottom: 40px;}
    .hero_sec .hero_detail h1{font-size: 42px;margin: 0 0 10px;}
    .hero_sec .hero_detail h3{font-size: 30px;max-width: 60%;margin: 0 auto;line-height: 38px;}

    .marquee_wrap{min-height: 55px;}
    .marquee p,.str1 p,.str1 span{font-size: 26px;}

     .benefit_wrp{margin: 25px 0 0;padding: 30px 0;}
    .benefit_wrp h2{font-size: 34px;line-height: 35px;margin: 0 0 24px;}
    .benefit_wrp .btn-main{font-size: 22px;line-height: 30px; min-width: 220px; padding: 8px 30px;}
    .benefit_wrp .btn-main img{width: 22px;}
    .benefit_wrp h6{font-size: 24px;text-align: right;margin: 24px 0 0;}

    .team_wrp{padding: 60px 0;}
    /*.team_wrp .team-shape{display: none;}*/
    .team_wrp .row .col-md-5{padding: 0 15px;}
    .team_wrp .row .col-md-7{padding: 0 15px;}
    .team_wrp .team_detail{max-width: 100%;display: block;}
    .team_wrp .team_slider .swiper-pagination{margin: 20px 0 40px;}
    .team_wrp .team_detail h2{font-size: 60px; margin: 0 auto 20px; max-width: 400px; line-height: 65px;}
    .team_wrp .team_detail p{font-size: 24px;line-height: 24px;}

    .community-wrp{padding: 0 0 60px;}
    .community-wrp ul{display: grid;grid-template-columns: repeat(5, 1fr); gap: 24px;}
    .community-wrp ul li{font-size: 32px;margin: 0 auto;}
    .community-wrp ul li img{margin: 0 auto 10px; max-width: 75%; height: auto; object-fit: cover;}

    .contact-wrp .contact-block{padding: 32px;border-radius: 20px;}
    .contact-wrp .contact-block h2{font-size: 58px;line-height: 58px;}
    .contact-wrp .contact-block p{font-size: 32px;line-height: normal;margin: 0 0 30px;}
    .contact-wrp .contact-block form .form-group .form-control{width: 300px;font-size: 24px;line-height: 24px;}
    .contact-wrp .contact-block form{gap: 24px;}

    .club_block{padding: 40px 0 60px;}
    .club_block h2{font-size: 52px;line-height: 52px;}
    .club_block h4{font-size: 32px;line-height: 32px;}
    .club_block p{font-size: 28px;line-height: 28px;}

    .professional_sec{padding: 60px 0;}
    .professional_sec .professional_slider .swiper-slide{padding: 0 50px;}
    .professional_block .row .col-md-5{width: 40%;}
    .professional_block .row .col-md-7{width: 60%;}
    .professional_block .professional-img{max-width: 80%;margin: 0 auto 40px;}
    .professional_block .professional_detail h2{font-size: 60px;line-height: 60px;}
    .professional_block .professional_detail h3{font-size: 40px;line-height: 40px;}
    .professional_block .professional_detail p{font-size: 24px;line-height: 26px;}
    .professional_block .professional_detail p br{display: none;}
    .professional_block .professional_detail ul{gap: 24px;}
    .professional_block .professional_detail ul li,.professional_block .professional_detail ul li p{font-size: 24px;line-height: 24px;gap: 10px;}
    .professional_block .professional_detail ul li b{font-size: 60px;line-height: 60px;}
    .professional_block .professional_detail ul li br{display: none;}
    .professional_slider .custom-prev img, .professional_slider .custom-next img{max-width: 40px;}
    footer {height: 45px;}
	.team_wrp .team_detail{max-width:90%;}
	.team_wrp .team_slider .team-box img{width: auto; height: auto; object-fit: cover;}
	.contact-wrp::after{height: 68%; background-position: bottom left; bottom: 0; top: inherit;}
}

/* =============================== Tablet (768px – 991px) =============================== */
@media (min-width: 768px) and (max-width: 991px) {
    .container {max-width: 740px;}
    header .container{max-width:740px;}
    .hero_sec .container{max-width:740px;}
    .team_wrp .container{max-width:740px;}
    .professional_sec .container{max-width:740px;}
	.community-wrp .container{max-width:740px;}

    header{padding: 20px 0 0;}
    header .navbar-brand{max-width: 100px;}
    header .navbar-brand img{max-width: 100%;}

    .hero_sec .hero_detail{padding: 0;bottom: 40px;}
    .hero_sec .hero_detail h1{font-size: 42px;margin: 0 0 10px;}
    .hero_sec .hero_detail h3{font-size: 25px;max-width: 60%;margin: 0 auto;line-height: normal;}

    .marquee_wrap{min-height: 55px;}
    .marquee p,.str1 p,.str1 span{font-size: 26px;}

     .benefit_wrp{margin: 25px 0 0;padding: 50px 0;}
    .benefit_wrp h2{font-size: 34px;line-height: 35px;margin: 0 0 24px;}
    .benefit_wrp .btn-main{font-size: 32px;line-height: 40px;}
    .benefit_wrp .btn-main img{width: 32px;}
    .benefit_wrp h6{font-size: 24px;text-align: center;margin: 24px 0 0;}

    .team_wrp{padding: 60px 0;}
    /*.team_wrp .team-shape{display: none;}*/
    .team_wrp .row .col-md-5{padding: 0 15px;}
    .team_wrp .row .col-md-7{padding: 0 15px;}
    .team_wrp .team_detail{max-width: 100%;display: block;}
    .team_wrp .team_slider .swiper-pagination{margin: 20px 0 40px;}
    .team_wrp .team_detail h2{font-size: 32px;margin: 0 0 20px;}
    .team_wrp .team_detail p{font-size: 24px;line-height: 24px;}

    .community-wrp{padding: 0 0 60px;}
    .community-wrp ul{display: grid;grid-template-columns: repeat(5, 1fr); gap: 24px;}
    .community-wrp ul li{font-size: 32px;margin: 0 auto;}
    .community-wrp ul li img{margin: 0 auto 10px;}

    .contact-wrp .contact-block{padding: 32px;border-radius: 20px;}
    .contact-wrp .contact-block h2{font-size: 58px;line-height: 58px;}
    .contact-wrp .contact-block p{font-size: 32px;line-height: normal;margin: 0 0 30px;}
    .contact-wrp .contact-block form .form-group .form-control{width: 300px;font-size: 24px;line-height: 24px;}
    .contact-wrp .contact-block form{gap: 24px;}

    .club_block{padding: 40px 0 60px;}
    .club_block h2{font-size: 52px;line-height: 52px;}
    .club_block h4{font-size: 32px;line-height: 32px;}
    .club_block p{font-size: 28px;line-height: 28px;}

    .professional_sec{padding: 60px 0;}
    .professional_sec .professional_slider .swiper-slide{padding: 0;}
    .professional_block .row .col-md-5{width: 40%;}
    .professional_block .row .col-md-7{width: 60%;}
    .professional_block .professional-img{max-width: 80%;margin: 0 auto 40px;}
    .professional_block .professional_detail h2{font-size: 40px;line-height: 40px;}
    .professional_block .professional_detail h3{font-size: 30px;line-height: 30px;}
    .professional_block .professional_detail p{font-size: 20px;line-height: 24px;}
    .professional_block .professional_detail p br{display: none;}
    .professional_block .professional_detail ul{gap: 24px;}
    .professional_block .professional_detail ul li,.professional_block .professional_detail ul li p{font-size: 20px;line-height: 20px;gap: 10px;}
    .professional_block .professional_detail ul li b{font-size: 40px;line-height: 40px;}
    .professional_block .professional_detail ul li br{display: none;}
    .professional_slider .custom-prev img, .professional_slider .custom-next img{max-width: 40px;}
    footer {height: 45px;}
	.team_wrp .team_slider .team-box img{width: auto; height: auto; object-fit: cover;}
	.professional_block .professional_detail ul{max-width:85%;}
}

/* =============================== Mobile (0px – 767px) =============================== */
@media (max-width: 767px) {
    .container {max-width: 540px;}
    header .container{max-width:540px;}
    .hero_sec .container{max-width:540px;}
    .team_wrp .container{max-width:540px;}
    .professional_sec .container{max-width:540px;}
	.community-wrp .container{max-width:540px;}


    header{padding: 20px 0 0;}
    header .navbar-brand{max-width: 100px;margin: 0 auto;}
    header .navbar-brand img{max-width: 100%;}

    .hero_sec .hero_bg img.desktop-img{display: none;}
    .hero_sec .hero_bg img.mobile-img{display: block;}

    .hero_sec .hero_detail{padding: 0;bottom: auto;top: 123px;}
    .hero_sec .hero_detail h1{font-size: 42px;margin: 0 0 10px;}
    .hero_sec .hero_detail h3{font-size: 30px;max-width: 60%;margin: 0 auto;line-height: 38px;}
    
    
    .marquee_wrap{min-height: 40px;}
    .marquee p,.str1 p,.str1 span{font-size: 20px; letter-spacing:2.0px; line-height:normal;}

    .benefit_wrp{margin: 25px 0 0;padding: 30px 0;}
    .benefit_wrp h2{font-size: 24px;line-height: 30px;margin: 0 0 20px;}
    .benefit_wrp .btn-main{font-size: 22px; line-height: 22px; padding: 12px 30px 12px;}
    .benefit_wrp .btn-main img{width: 32px;}
    .benefit_wrp h6{font-size: 17px;text-align: center;margin: 20px 0 0;}

    .team_wrp{padding: 60px 0;}
	.team_wrp .team_slider .team-box img{max-width:70%;}
    /*.team_wrp .team-shape{display: none;}*/
    .team_wrp .team-shape{right: -60px; max-width:190px;}
    .team_wrp .row{margin: 0;}
    .team_wrp .row .col-md-5{width: 100%;}
    .team_wrp .row .col-md-7{width: 100%;}
    .team_wrp .team_detail{max-width: 100%;display: block;}
    .team_wrp .team_slider .swiper-pagination{margin: 20px 0 40px; gap:8px;}
	.team_wrp .team_slider .swiper-pagination .swiper-pagination-bullet{width:9px; height:9px;}
    .team_wrp .team_detail h2{font-size: 50px;margin: 0 auto 20px; line-height:50px; max-width:345px;}
    .team_wrp .team_detail p{font-size: 23px;line-height: 24px;text-align: center;}
    
    .community-wrp{padding: 0 0 60px;}
    /*.community-wrp ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; justify-content: center; align-items: center;  place-items: center;}*/
    .community-wrp ul li{font-size: 25px; line-height: normal;}
    .community-wrp ul li img{margin: 0 auto 10px; height: auto;}
	.community-wrp ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 24px;
	}

	.community-wrp ul li {
		width: calc(33.33% - 16px);
		text-align: center;
	}

    .contact-wrp .contact-block{padding: 32px 32px 50px;border-radius: 20px;}
    .contact-wrp .contact-block h2{font-size: 75px;line-height: 75px;}
    .contact-wrp .contact-block p{font-size: 25px;line-height: normal;margin: 0 0 25px;}
    .contact-wrp .contact-block form .form-group .form-control{width: 100%;font-size: 20px; line-height: 20px; padding: 9px 20px;}
    .contact-wrp .contact-block form{gap: 24px;}

    .club_block{padding: 40px 0 40px;}
    .club_block h2{font-size: 74px; line-height: 74px; max-width: 345px; margin: 0 auto 25px;}
    .club_block h4{font-size: 32px;line-height: 32px; margin-top:0px; margin-bottom:20px;}
    .club_block p{font-size: 28px;line-height: 28px; margin-bottom:20px;}
	.club_block p b{margin-top:10px;}

    .professional_sec{padding:25px 0;}
    .professional_sec .professional_slider .swiper-slide{padding: 0;}
    .professional_block .row{display: block;}
    .professional_block .row .col-md-5{width: 100%;}
    .professional_block .row .col-md-7{width: 100%;}
    .professional_block .professional-img{max-width: 80%;margin: 0 auto 40px;}
    .professional_block .professional_detail{text-align: center;}
    .professional_block .professional_detail h2{font-size: 60px;line-height: 60px;}
    .professional_block .professional_detail h3{font-size: 32px;line-height: 32px;}
    .professional_block .professional_detail p{font-size: 23px;line-height: 30px;}
    .professional_block .professional_detail p br{display: none;}
    .professional_block .professional_detail ul{flex-flow: column;gap: 24px;}
    .professional_block .professional_detail ul li,.professional_block .professional_detail ul li p{flex-flow: column;font-size: 23px;line-height: 30px;gap: 10px;}
    .professional_block .professional_detail ul li b{font-size: 70px;line-height: 70px;}
    .professional_block .professional_detail ul li br{display: none;}
    .professional_slider .custom-prev, .professional_slider .custom-next{top: 15%;transform: unset;}
    .professional_slider .custom-prev img, .professional_slider .custom-next img{max-width: 20px;}
    footer {height: 45px;}
	.contact-wrp::after{bottom:0;}
	
	.hero_sec .hero_bg::before {
		position: absolute;
		content: "";
		height: 100%;
		width: 100%;
		background-image: url(../images/mobilelayer.svg);
		background-size: contain;
		background-position: bottom;
		background-repeat: no-repeat;
	}
	
}

/* =============================== Mobile (0px – 374px) =============================== */
@media (max-width: 375px) {
	.contact-wrp .contact-block h2{font-size: 75px;line-height: 75px;}
}