@media only screen and (max-width: 767px){
	#header{padding: 0;}
	.desktop-logo, .desktop-tag{display: none;}
	.mobile-logo{display: inline-block;}
	.mobile-logo img{max-width: 130px;}
	.top_landing{background-size: cover;background-position: center;width: 100%;top: 0;left: 0;}
	.side-nav{left: -10px;max-width: 53px;transition: all ease .5s;position: fixed;top: 28%;}
	.side-nav ul{overflow: hidden;}
	.sub-menu{width: 100% !important;left: 0 !important;top: 30px !important;height: calc(100vh - 30px) !important;transform: translateY(-150%); overflow: scroll;transition: all ease .5s;}
	.sub-menu.active{transform: translateY(0%); overflow: scroll;transition: all ease .5s;}
	.top_sub_nav>ul>li>a{position: fixed;top: 0;left: 0;max-width: 100vw;width: 100vw;justify-content: center;right: 0;text-align: center;
    align-items: center;display: block;margin: 0 auto;font-size: 10px;z-index: 25;}
	.nav-head{position: fixed;left: 0;padding: 0 8px;top: 32px;width: 100%;max-width: 100vw;align-items: center;z-index: 25;background: #000;}
	.top_nav_right{margin:0;padding: 6px 0;min-width: 55%;justify-content: flex-start;background: transparent;}
	.social{position: fixed;width: 38px;right: -1px;top: 20%;display: flex;flex-direction: column;border-radius: 10px 0 0 10px;z-index: 14;}
	.whatsapp-btn{position: fixed;bottom: 145px; right: 10px; animation: levitate 7s ease-in-out infinite forwards;z-index: 15;}
	@keyframes levitate{0%{transform:translate3d(0,-5.3%,0);}50%{transform:translate3d(0,5.3%,0);}100%{transform:translate3d(0,-5.3%,0);}}
	.tagline-section{position: fixed;bottom: 145px;width: 75%;left: 15%;margin: 0;background: radial-gradient(black 10%, transparent 70%);
    text-shadow: 2px 1px 3px#000;}
	.tagline-section .indian_flag{max-width: 50px;position: fixed;top: 50px;right: 5px;z-index: 20;}
	.tagline-section .name{font-size: 12px;margin-bottom: 8px;}
	.tagline-section .caption{}
	.tagline-section .caption span:before{font-size: 16px;}
	.tagline-section .caption-text{margin: 5px;font-size: 15px;font-weight: 300;}
	.tagline-section .caption-text strong{font-size: 14px;margin-top: 5px;}
	.top_nav_right .cta-btn{margin:0 30px 0 0;}
	.top_nav_right .cta-btn .btn-one{margin:0;font-size: 12px;padding: 5px 8px;width: 100%;}
	.top_sub_nav{position: relative;z-index: 22;}
	.top-bottom-sticky-section{background: #000;}
	.slick-slide{border:none;}
	.sub-menu-wrap{flex-wrap: wrap;height: auto;}
	.sub-menu-list, .min_menu, .quick_form{flex-basis: 100%;}
	.submenu-title i{display: inline-block;}
	.sub-menu-list{max-height: 56px;overflow: hidden;transition: all ease .5s;}
	.sub-menu-list.expand{max-height: 700px;transition: all ease .5s;overflow: visible;}
	.key-factors{display: none;}
	.side-bar{width: auto;min-width: unset;}
	.top-bottom-sticky-section{position: fixed;}
	.top_sub_nav ul .sub-menu{padding-bottom: 85px;}
	.copyrights{font-size: 8px;justify-content: space-between;}
	.key_factors{width: 100%;}
	.key_factors h4{font-size: 16px;}
	.key_factors ul li{margin-bottom: 0;}
	.key_factors ul li span{font-size: 12px;}
	.overlay-img {position: absolute;bottom: -150px;right: 5%;width: 80%; padding: 7px; left: 5%;background: #fff;margin: 0 auto;top: unset;}
	.big-title{margin-top: 12rem;}	
	.bio_block{margin-left: 30px;}
	.big-title h1{font-size: 30px;}
	.big-title h3{font-size: 16px;}
	.testimonial-nav .list-group-item{font-size: 14px;padding: 5px;}
	.caption .caption-text{flex-basis: 100%;min-height: 100px;padding: 18px;font-size: 18px;}
	.caption .caption-text strong{font-size: 24px;}
	.caption{flex-wrap: wrap;}
	.tag-caption{font-size: 1.5rem;}
	.btn-three, .btn-one{width: 80%; padding: 8px 15px;text-align: center; justify-content: center; margin-bottom: 10px;}
	.clients_list .col{flex-basis: 25%;max-width: 33.333%;margin-bottom: 20px;}
	.page-banner, #gallery_page.page-banner, #contact_page.page-banner{background-position: center;min-height: 225px;margin-top: 100px;}
}
@media only screen and (max-width: 320px){
	*,body{font-size: 12px;}
	.top_sub_nav>ul>li>a{padding: 5px;}
	.mobile-logo img{max-width: 110px;}
	.top_nav_right .cta-btn .btn-one{font-size: 10px;padding: 8px 10px;}
	.tagline-section .indian_flag{max-width: 50px;}
	.side-nav{top: 28%;}
	.side-nav ul li a span{margin-right: 10px;}
	.side-nav ul li a span:before{font-size: 18px;}
	.social{top: 20%;}
	.silder_title{font-size: 12px;}
	.key_factors h4{font-size: 12px;width: 70%;}
	.key_factors ul li{font-size: 10px;}
}
@media only screen and (max-width: 825px) and (orientation:landscape){
	#header{padding: 0;}
	.desktop-logo, .desktop-tag{display: none;}
	.mobile-logo{display: inline-block;}
	.mobile-logo img{max-width: 130px;}
}