@media only screen and (max-width: 1240px){
    .wrapper{
		padding: 0 15px;
	}
    .section-hero .bannerSection{
        margin-right:0;
    }
    .section-hero .caption{
        padding-top: 76px;
    }
    .col1:first-child{
        width:56%;
    }
    .col1{
        width:42%;
    }
    .leftTitle {
        float: none;
        width: auto;
    }
    .pButtons {
        float: none;
        width: auto;
    }
    .p-btns{
        justify-content: center;
    }
    .flex-cols-multi{
        max-width:49%;
    }
    .flex-display{
        gap: 15px;
    }
}
@media only screen and (max-width: 1140px){
	.contact-form .row{
		padding: 0 15px; 
	}
	.firstImg{
	    height: 414px;
	}
}

@media only screen and (min-width: 1016px){
	.btn-nav{
		transform: translateX(0) !important;
	}
	.btn-close{
		display: none !important;
	}
	.price{
	    right:15px;
	}
	
}
@media only screen and (max-width: 1015px){

	.manue-bar{
		display: block;
		 right:0;
	}
	
	.btn-close{
		display: block;
	}
	.header-container{
		position: relative;
	}
	.btn-nav{
		transform: translateX(100%);
		transition: 0.3s linear;
		display: block;
		text-align: right;
		padding-top: 40px;
		position: fixed;
		top:0;
		right:0;
		background: #ff9909;
		height: 100%;
		width: 250px;
		z-index: 150;
	}
	.nav-bar ul{
		display: block;
	}
	
	.nav-bar ul li:first-child{
		margin-top: 20px; 
	}
	.nav-bar ul li a{
		display: block;
		font-size:15px;
		padding: 15px 15px 15px 0;
		line-height: normal;
	}
	
	
	.section-hero {
        padding: 84px 0 100px;
    }
	.contact-form .row{
		padding: 0 15px; 
	}
	/*.slider-sec .slick-arrow.slick-prev{
		left: 460px;
	}
	.slider-sec .slick-arrow.slick-next {
    	left: 511px;
	}*/
	.nav-bar ul li.main-manue .sub-manue-container{
		height: 100px;
    	width: 100%;
    	padding: 15px 18px 0 15px;
	}
	.phone{
	    display:none;
	}
	.flex-cols-multi {
        max-width: 48%;
    }
}

@media only screen and (max-width: 860px){
	.blog-container .row{
		flex-direction: column;
		gap:30px;
	}
	.blog-container .left-box{
		width:100%;
	}
	.para-info-links {
    	padding-top: 0px;
	}
	.contact-form{
		padding: 0 15px;
	}
	.contact-left-box{
		width:100%;
	}
	.contact-right-box{
		width:100%;	
	}
	.firstImg{
	    height: 308px
	}
	.detail-section{
	    flex-direction: column;
	}
	.detail-section .col-1{
	    max-width:100%;
	}
	.detail-section .col-2{
	    max-width:100%;
	    padding-left: 0;
	    padding-top:45px;
	}
	.leftBox{
	    width:45%;
	}
}

@media only screen and (max-width: 856px){
	.card-container {
    	flex-wrap: wrap;
    	column-gap: 20px;
    }
    .card-container .item-cards:first-child{
    	padding: 0;
    }	
    .item-cards {
    	padding-top: 56px;
	}
	.card-container .card-body p{
		max-width: 410px;
	}
	.program-container{
		flex-wrap: flex;
		flex-wrap: wrap;
		text-align: center;
	}
	.left-box {
    	width: 100%;
	}
	.program-content .link-info{
		display: flex;
		justify-content: flex-start;
		width: 153px;
	}
	.program-img{
		padding-top: 40px;
	}
	.gift-text::before{
		left:0;
		right:0;
		margin: auto;
	}
}
@media only screen and (max-width: 767px){
    .price{
        position: static;
    }
    .deatil-banner-sec .row{
        flex-direction: column;
    }
    .sp-col-1{
        max-width:100%;
    }
    .deatil-banner-sec .row .sp-col-1 .row{
        flex-direction: row;
    }
    .sp-col-1 .box1{
        float: left;
        width: 50%;
    }
    .sp-col-1 img, .box1 img{
        width:100%;
        height:auto;
    }
    .flex-row{
        flex-flow: wrap;
        flex-direction: inherit;
        justify-content: inherit;
        gap: 30px 0px;
    }
    .flex-row div{
        width: 50%;
    }
    .grid{
        display: flex;
        flex-direction: column;
        gap: 30px 0;
    }
    .section.section-footer{
        padding: 30px 0;
    }
    .leftBox{
        width: auto;
        padding-bottom:25px;
        float: none;
    }
    .rtBox {
        float: none;
        text-align: left;
    }
    .p-btns{
        gap: 10px;
        flex-wrap: wrap;
        
    }
    .btn{padding:15px;width: 44%;text-align: center;}
    .span-col-1, .span-col-img{
        float:none;
        width: auto;
    }
    .span-col-img{
        margin-top:20px;
    }
    .background-img{
        height:auto;
    }
    .flex-cols-multi{
        max-width:100%;
    }
    .section-hero .caption{
        width:100%;
        padding-top: 10px;
    }
    .section-hero .bannerSection{
        width:100%;
    }
    .section-hero {
        padding: 84px 0 20px;
    }
    .section-hero .caption h1{
        font-size: 27px;
    }
    .detail-section a.btn{
        width:100%;
    }
}
@media only screen and (max-width: 700px){
	.contact-text p {
    	color: #fff;
    	font-size: 18px;
    	font-weight: 500;
	}
	.link-contact{
		font-size: 16px;
	    padding: 0 10px;
	}
	.slider-sec .slick-arrow{
		bottom: -70px;
	}
	.logo img{
		width:175px;
	}
	header {padding: 5px 0}	
}
@media only screen and (max-width: 610px){
	.contact-us-container{
		padding: 20px 20px;
	}
	.contact-flex-box{
		display: block;
	}
	.contact-text{
		padding-bottom: 15px;
	}
	.overlay{
	    padding: 80px 10px;
	}
	.formBox{
	    padding: 50px 12px;
	}
	.section-hero .caption h1 span{
	    display: inline;
	}
	.img-icon img{
	    height: 60px;
	}
}
@media only screen and (max-width: 600px){
	.press-pics .connect-heading h2{
        font-size: 55px;
	}
}
@media only screen and (max-width: 550px){
	.connect-link a{
		display: block;
	    margin: 22px auto 0;
		width: 350px;
	}
	.content-container h1{
		padding: 0px 0px;
		font-size: 40px;
	}
	.connect-heading{
	    max-width: 444px;
	}
}
@media only screen and (max-width: 446px){
	.press-pics .connect-heading h2{
    	font-size: 48px;
	}
}
@media only screen and (max-width: 436px){
	.press-pics .connect-heading h2{
	    font-size: 18px;
	}	
}
@media only screen and (max-width: 427px){
	/*.connect-link a{
		width: 300px;
	}*/
	.ft-img::before{
		width: 245px;
	}
}
@media only screen and (max-width: 415px){
	.about-banner .connect-heading h2{
		/*padding: 50px 0px 18px;*/
		margin-top: 60px;
		font-size: 56px;
	}
	.rtBox a:last-child{
	    margin-left:0;
	    margin-top:15px;
	}
}
@media only screen and (max-width: 390px){
	.connect-link a{
		width: 300px;
	}
}
@media only screen and (max-width: 370px){
	.press-pics .connect-heading h2 {
		    font-size: 50px;
	}
}
@media only screen and (max-width: 337px){
	.about-banner .connect-heading h2{
		margin-top: 50px;
		font-size: 48px;
	}
	
}

@media only screen and (max-width: 297px){
	.about-banner .connect-heading h2{
		margin-top: 50px;
		font-size: 35px;
	}
}
@media only screen and (max-width: 427px){
	.ft-img::before {
    	width: 188px;
	}
}
/*@media only screen and (max-width: 861px){
	.contact-form .row{
		flex-direction: row;
	}
	
}*/
@media only screen and (max-width: 639px){
	.contact-form .row{
		flex-direction:column;
	}
	.contact-left-box{
    	width: 100%;
	}
	.contact-right-box{
    	width: 100%;
	}
}
@media only screen and (max-width: 439px){
	.press-pics .connect-heading h2 {
    	font-size: 45px;
	}
}
/*@media only screen and (max-width: 445px){
	.press-pics .connect-heading h2 {
    	font-size: 25px;
	}
}*/
@media only screen and (max-width: 290px){
	.press-pics .connect-heading h2 {
  	    font-size: 45px;
	}
}
@media only screen and (max-width: 699px){
	.search-box::after{
		font-size: 28px;
	}
}
@media only screen and (max-width: 425px){
	.search-box::after{
		font-size: 20px;
	}
}
@media only screen and (max-width: 799px){
	.team-memebers {
    	flex-direction: column;
    	gap:30px;
    	width: 500px;
    	margin: auto;
	}
}
@media only screen and (max-width: 560px){
	.team-memebers {
    	width: 400px;
	}
}
@media only screen and (max-width: 430px){
	.team-memebers {
    	width: 300px;
	}
}
@media only screen and (max-width: 335px){
	.team-memebers {
    	width: 250px;
	}
}
@media only screen and (max-width: 280px){
	.team-memebers {
    	width: 200px;
	}
}
@media only screen and (max-width: 600px){
	.search-container .row{
		flex-wrap: wrap;
	}
	.search-container .search-box{
		width: 50%;
	}
	
}
@media only screen and (max-width: 459px){
	.search-container .search-box{
		width: 100%;
	}
	
}
@media only screen and (max-width: 849px){
	.flex-container{
		flex-wrap: wrap;
		text-align: center;
	}
	.brand-content-right p{
		max-width: 100%;
		padding-top:20px; 
	}
	
}
@media only screen and (max-width: 849px){
	.we-do-section .connect-heading h2{
	    font-size: 45px;
	}
}
@media only screen and (max-width: 357px){
	.we-do-section .connect-heading h2{
	    font-size: 35px;
	}
}
@media only screen and (max-width: 300px){
	.we-do-section .connect-heading h2{
	    font-size: 25px;
	}
}
@media only screen and (max-width: 334px){
	.press-pics .connect-heading h2{
		font-size: 35px;
	}
}
@media only screen and (max-width: 285px){
	.press-pics .connect-heading h2{
		font-size: 25px;
	}
}