@media screen and (min-width: 767px) {
	body .desktop-none{
		display: none
	}
	
		}
/*320 - 767*/
@media screen and (max-width: 767px) {
	body .mobile-none{
		display: none
	}
	.header-whatsapp{
		display: none
	}
	.nav.w-nav{
		display: block !important
	}
	.nav-bg{
		display: none
	}
	.nav-cont .logo-img {
    width: 50%;
}
	.nav{
		position: relative
	}
	.nav-cont{
		    justify-content: flex-start;
	}

	.project-page-detail .email-heading.fac3{
		font-size: 30px
	}
	.project-page-detail .email-heading.fac3{
		margin-bottom: 20px !important;
	}
	.project-page-detail.about-first-section .small-description{
		max-width: 100%
	}
	.h3-heading.program.fac3{
		font-size: 30px;
		text-align: center
	}
	
	.project-typology-icon-section .typology-list{
		margin-bottom: 50px
	}
	
	.skill-wrapper{
		justify-content: center
	}
	span.construction-stage-line{
		width: 45%
	}
	.know-more-section .line-list__item-title{
		position: relative
	}
	.know-more-section .line-list__item-title img{
		right: 0
	}
	.know-more-section .program-card{
		margin-right: 0
	}
	 .inquiry-form-section .section-cont{
		    margin-top: 10vw
	}
	.section-wrap.footer{
		height: auto
	}
	.cnt-from{
		display: block
	}
	.loc-prj{
		display: block
	}
	.project-page-location-section .about-img{
		margin-bottom: 20px
	}
	.footer-sec .footer-center-right .footer-column{
		margin-bottom: 0
	}
	.footer-link-text{
		font-size: 13px
	}
	.youtube-icon{
		width: 6vw
	}
	.logo.footer{
		display: none
	}
	.footer-sec .footer-separate{
		display: none
	}
	.project-page-location-section .section-cont.email{
		margin-top: 10vw
	}
	section.video-walk-through{
		padding: 20px
	}
	.modal-window{
		min-height: auto
			
	}
	.modal-window.inquiry-form {
    width: 95%;
}
	.modal-wrap{
		align-items: center
	}
	.pr-modal-text-item-wrap{
		margin-bottom: 0
	}
	.section-cont.footer{
		margin-bottom: 0
	}
	.footer-sec .footer-center-right .footer-column .footer-link{
		margin-right: 12px;
		letter-spacing: 0;
		text-transform: none
	}
	.footer-sales-content p{
		text-transform: none;
		font-size: 13px
	}
	.footer-sec .nav-link{
		text-transform: none;
		font-size: 13px
	}
	.vision-mission-box {
    max-width: 100%;
    margin-right: 3vw;
    width: 100%;
}
	.home-project-details{
		width: 100%;
	}
	    .section-spacer.programs {
        height: auto;
    }
	.fac-hero{
		margin-top: -77px;
height: 30vh;
		border-radius: 0
	}
	.section-spacer.fac-video{
		height: auto
	}
	.section-cont.email{
		margin-top: 0;
		padding-top: 0
	}
	.section-spacer{
		margin-top: 0
	}
	    .hero-gradient {
        height: auto;
    }
	.home-about-description{
		padding-top: 50px
	}
	.home-about-description .email-heading{
		font-size: 22px;
    margin-top: 20px;
		        margin-bottom: 20px;
        line-height: 28px;
	}
	.about-img img {
    width: 100%;
    padding-right: 0;
}
	.section-counter{
		margin-top: 50px
	}
	.counter-part{
		display: block
	}
	.section-cont.program{
		margin-top: 50px;
		        margin-bottom: 50px;
	}
	.project-sec .program-tab.fac3{
		margin-right: 10px
	}
	.project-sec .small-heading{
		font-size: 17px
	}
	    .program-card {
        border-radius: 0;
        margin-right: 0;
        padding: 0;
			border: 0;
			    min-width: 100%;
    }
	    .gradient-prog {
        border-radius: 0;
        width: 100%;
			        background: #333;
    }
	.program-tabs-content .video-wrap.prog:after{
		display: none
	}
	.background-noise-new.prog{
		width: 100%;
        min-width: 100%;
        max-width: 100%;
	}
	    .program-tabs-content .text-40px.program-name {
        width: 100%;
        font-size: 7vw;
       
        bottom: 25px;
        left: 0;
        padding: 0 10px;
    }
	.section.program{
		height: auto;
		border-radius: 0
	}
	.program-slide {
    
    margin-right: 10px;
    margin-left: 0px;
}
	.customer-sec .h3-heading {
    width: 100%;
    margin-bottom: 0;
    font-size: 30px;
    text-align: center;
}
	.section-cont.science{
		margin-top: 50px
	}
	    .science-block {
        margin-bottom: 5vw;
    }
	.csr-text{
		padding-top: 50px;
		padding-bottom: 50px
	}
	.csr .csr-text p{
		max-width: 100%
	}
	.csr .program-tabs{
		margin-top: -54px
	}
	.csr .programs-slider{
		height: 36vw
	}
	.csr .gradient-prog {
    width: 100%;
}
	.csr .mask {
    width: 85%;
}
	.csr span.text-span-2{
		    font-size: 11px;
		line-height: 12px;
	}
	.csr .program-slide {
    margin-right: 20px;
}
	.history-section .h3-heading{
		 font-size: 30px;
    text-align: center;
	}
	body .history-section{
		    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 0;
		padding-left: 7vw;
		padding-right: 7vw
	}
	.timeline--mobile .timeline__item .timeline__content:after{
		display: none
	}
	body .timeline__item:after{
		width: 30px;
		height: 30px
	}
	body .timeline--mobile .timeline__item .timeline__content:before{
		display: none
	}
	body .timeline__content .date{
		font-size: 30px
	}
	body .timeline__content{
		text-align: left
	}
	body  .list-type li{
		text-align: left
	}
	.testimonials .h3-heading{
		font-size: 30px;
		        margin-bottom: 50px;
    text-align: center;
	}
	.testimonials{
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 7vw;
		padding-right: 7vw
	}
	body h4.resp-accordion, .resp-tabs-list li{
		padding: 10px 20px
	}
	.testi-details{
		display: block
	}
	.testi-image {
    min-width: 100%;
		margin-bottom: 20px
}
	    .section.footer {
        align-items: flex-end;
        padding-left: 7vw;
        padding-right: 7vw;
			height: auto
    }
	.footer-center-right{
		margin-bottom: 0px
	}
	.footer-sec .footer-center-left{
		align-items: start;
		
	}
	.footer-sec .footer-sales-content{
		text-align: left
	}
	.footer-sales-content p{
		text-align: left
	}
	.footer-sec .nav-link-cont {
    justify-content: start;
}
	.footer-sec .footer-box .footer-title{
		margin-top: 10px
	}
	.footer-link {
        margin-bottom: 0;
    }
	.footrt-social{
		height: auto
	}
	.copyright{
		text-align: center;
		        margin-bottom: 0;
        padding-top: 20px;
        border-top: 0.1px solid #cccccc4a;
	}
	.footer-sec .section-descr.footer-mail{
		margin-top: 0
	}
	    .section-cont.footer {
        margin-bottom: 30px;
    }
	h4.resp-accordion{
		font-weight: 500
	}
	.home-project-details{
		text-align: left
	}
	.csr .csr-text p{
		text-align: left
	}
	.mobile-mb-20{
		margin-bottom: 20px !important
	}
	.logo.head{
		z-index: 0
	}
	.arrows-wrap{
		display: none
	}
	.all-project-page .email-heading.fac3.proj-sub-title{
		top:0;
		        text-align: center;
	}
	.all-project-page .staff-tabs-menu{
		display: flex
	}
	.staff-tab-link{
		margin-bottom: 0
	}
	.all-project-page .staff-tabs-menu{
		justify-content: center
	}
	body .email-heading{
		        font-size: 30px;
        margin-bottom: 50px;
        text-align: center;
	}
	   .all-project-page .staff-tabs-menu {
        padding-top: 3vw;
        padding-bottom: 3vw;
		   gap:10px
    }
	.all-project-page .staff-tab-link{
		    padding: 5px 15px;
	}
	.all-project-page .staff-tab-text{
		padding: 5px 15px;
	}
	.staff-tab-link.w--current{
		background-color:#f07d34
	}
	.all-project-page .list-projects .line-list__item{
		line-height: 20px;
        padding: 10px 0;
	}
	.all-project-page .list-projects .line-list__item-title {
    font-size: 15px;
		text-transform: none
}
	.all-project-page .list-projects .line-list__item a{
		gap:15px
	}
	.all-project-page .staff-list{
		grid-template-columns: 1fr;
	}
	.studying-point-name.staff-name{
		max-width: 100%
	}
	body .all-project-page .email-heading{
		margin-bottom: 30px;
	}
	.about-second-section.all-project-page .section-cont{
		margin-top: 50px;
		        
	}
	.about-second-section.all-project-page .staff.ongoing-project-section .section-cont{
		margin-top: 0
	}
	.all-project-page .section.staff{
		margin-bottom: 40px
	}
	.inner-banner .fac-hero {
    height: 50vh !important;
}
	.inner-banner .heading-wrap{
		height: 50vh
	}
	.inner-banner .hero-heading{
		font-size: 30px;
		    text-align: center;
	}
	.project-inner-banner .hero-heading{
		        width: 90%;
        bottom: 30px;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
	}
	body .location-sec .email-heading{
		        margin-bottom: 30px;

	}
	.banner-counter-part{
		margin-bottom: 20px
	}
	.location-sec{
		margin-bottom: 50px
	}
	.all-locations {
        display: flex;
    flex-direction: column;
}
	div#tabs{
		margin-left: 0;
		    width: 100%;
		display: grid;
    grid-template-columns: 1fr 1fr;
		gap:10px
	}
	#googleMap{
		height: 300px
	}
	.google-map-section{
		order:2;
		        margin-top: 20px;
	}
	.loc-tab{
		padding: 2px 10px;
		margin-bottom: 0px;
	}
	.section-spacer.faculty.about2-section-spacer
 {
    height: auto;
	 margin-top: 0
}
	.buyer-guide-first-section .content-section{
		    justify-content: center;
		padding-top: 15px
	}
	.about-first-section.buyer-guide-first-section .section-cont.faculty{
		margin-top: 50px
	}
	.buyer-guide-first-section p {
    text-align: left;
}
	.know-more-section.about-in-details{
		padding-top: 0px
	}
	.know-more-section.about-in-details .line-list__item-title .small-heading{
		    line-height: 25px;
	}
	.about-page-list{
		    grid-template-columns: 1fr;
		margin-top: 10px
	}
	.know-more-section.about-in-details{
		    padding-bottom: 30px;
	}
	.section{
		padding-left: 7vw;
		padding-right: 7vw
	}
	.section-spacer.faculty.about2-section-spacer.channel-partners-space {
    height: auto;
}
	body .channel-partners .email-heading{
		margin-bottom: 30px
	}
	.w-form .pr-modal-btn{
		width: 100%
	}
	.channel-partners .section-cont {
    margin-bottom: 50px;
    margin-top: 50px;
}
	.body .channel-partners.career-page-detail .small-description.mt-50{
		margin-top: 0
	}
	.form-group.file-wrapper{
		height: 45px
	}
	.modal-field{
		border-radius: 0
	}
	    .section-cont.location {
        margin-top: 50px;
    }
	.h3-heading.location{
		font-size: 30px
	}
	    .email-link.location {
        font-size: 15px;
    }
	.studying-point-name.location-address{
		font-size: 15px
	}
	.section.location{
		height: auto
	}
	.section-spacer.location{
		height: auto
	}
	.map-wrap{
		border-radius: 0
	}
	.channel-partners-form.contact-form-section .section-cont{
		margin-bottom: 30px
	}
	.dropdown-connect {
        width: 100%;
        align-items: center;
        justify-content: end;
        display: flex;
    }
	    .burger-icon {
        width: 20vw;
    }
	/*.logo-img.preload.in, .logo-img.preload.out{
		        height: 35vw;
        width: 30vw !important;
	}*/
	.logo-img.black{
		display: none
	}
	img.logo-img.menu{
		display: none
	}
	.logo.head, .logo.head.w--current{
		z-index: 0
	}
	body.projects-page .logo-img.black{
		display: block
	}
	body.projects-page img.logo-img.menu{
		display: block
	}
	   body.projects-page .nav-cont .logo-img {
        width: 32%;
    }
	body.projects-page .burger-icon {
        width: 8vw;
    }
	.founder-section.about-second-section .about-img.shine{
		width: 100%
	}
	.founder-section .section.campus{
		margin-top: 50px
	}
	.founder-section.about-second-section .section-cont{
		margin-top: 50px
	}
	.founder-section.about-second-section .campust-text-wrap{
		padding-left: 10px;
		padding-right: 10px
	}
	.founder-section .email-heading.fac3{
		margin-bottom: 30px;
	}
	.about-second-section .text-20px{
		text-align: left
	}
	.about-first-section .section-descr.about-pg-dtl{
		margin-bottom: 0
	}
	.section.campus{
		border-radius: 0
	}
	.about-vadodara-kgp .small-description{
		text-align: left
	}
	.abt-vadodara .email-heading {
    opacity: 1 !important;
}
	body .section.events{
		border-radius: 0
	}
	.kgp-legacy .email-heading{
		opacity: 1 !important
	}
	.lg-box{
		display: block
	}
	.lg-box .small-description{
		width: 100%;
		padding: 15px;
		        margin-bottom: 20px !important;
	}
	.about-vadodara-kgp .event-block._2{
		padding-left: 3vw;
		padding-right: 3vw
	}
	.kgp-legacy .event-text-wrap{
		padding-bottom: 0
	}
	.about-vadodara-kgp .section.events.kgp-legacy{
		padding-bottom: 50px;
		background: #fff
	}
	.kgp-legacy .event-text-wrap{
		padding-top: 50px
	}
	.about-vadodara-kgp .section-cont.events{
		margin-top: 50px;
		
        margin-bottom: 50px;
	}
	.blog-page-data .events-wrap{
		display: block
	}
	    .section-cont.events {
        margin-top: 50px;
    }
	.blog-page-data .event-block{
		margin-bottom: 20px
	}
	.project-carousel .owl-nav {
    position: absolute;
        top: -38px;
        left: 0;
        width: 100%;
}
	.project-carousel .owl-next{
		right: 30px
	}
	.project-carousel .owl-nav button span{
	           width: 9vw;
        height: 9vw;	
	}
	.project-carousel .owl-prev {
        left: 0;
    }
	.project-carousel .owl-nav button span img{
		width: 20px
	}

	
	
	
	
	.onsite-carousel .owl-nav {
    position: absolute;
        top: -38px;
        left: 0;
        width: 100%;
}
	.onsite-carousel .owl-next{
		right: 30px
	}
	.onsite-carousel .owl-nav button span{
	           width: 9vw;
        height: 9vw;	
	}
	.onsite-carousel .owl-prev {
        left: 0;
    }
	.onsite-carousel .owl-nav button span img{
		width: 20px
	}
	.skill-wrapper{
		padding-bottom: 25px
	}
}