/*
1920px - Large PC
1440px - Midiun PC
1024px - Small PC
768px  - Tablet PC
425px  - Large Mobile PC
375px  - Midiun Mobile PC
*/


@media screen and (min-width :1152px) and (max-width: 1310px) { /*Ameya*/


}


@media screen and (min-width :1152px) and (max-width: 1310px) { /*Cutus Tab Size*/


}


@media screen and (min-width :1367px) and (max-width: 1920px) { /*Salman*/


}



/********Sm-start*******/


@media screen and (min-width: 768px) and (max-width: 991px) {


}


@media screen and (max-width: 980px) {


}


@media screen and (max-width: 768px) {


}


/********xs-start********/

@media screen and (max-width: 767px) {

	.fixed-top{
		padding: 5px 0;
	}
	#header .logo img{
		width: 160px;
	}
	.mobile-nav-toggle {
	    top: 0;
	    right: 0;
	    font-size: 18px;
	    background: #57a8e9;
	    color: #fff;
	    padding: 12px 14px;
	    border-radius: 0;
	}
	.header-scrolled .mobile-nav-toggle{
		padding: 11.5px 10px;
	}
	.mobile-nav-toggle i {
	    margin: 0 0 1px 0;
	    font-size: 23px;
	    display: block;
	    color: #00334e;
	    text-align: center;
	}
	.get-cont{
		position: relative;
		right: -15px;
    	top: 20px;
    	width: 180px;
	}
	.get-cont span img{
		top: 1px;
    	left: 2px;
	}

	
	.grey-shape-fill svg{
		width: calc(100% + 200%) !important;
	}

	.carousel-caption-slide{
		left: 15px;
		width: 100%;
	}
	.carousel-caption h4{
		font-size: 30px;
	}
	.carousel-indicators{
		margin-left: 0;
	}

	.hm-about-head h1{
		font-size: 30px;
		text-align: left;
	}

	.hm-about-img{
		margin-top: 40px;
	}

	.hm-serv-head h2{
		line-height: 40px;
		text-align: left;
	}

	.hm-serv-box{
		border-radius: 20px;
	}

	.hm-serv-box span{
		font-size: 20px;
		padding-bottom: 10px;
	}

	.hm-services .row.no-gutters{
		margin-right: -15px;
    	margin-left: -15px;
	}
	.hm-services .row.no-gutters .col{
		flex-basis: auto;
		padding-right: 15px;
    	padding-left: 15px;
	}
	.hm-services .container-fluid {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	.hm-services-box{
		border-radius: 20px;
		margin-bottom: 15px;
	}
	.hm-services {
	    padding-top: 0;
	}
	.hm-serv {
	    padding-top: 0;
	}



	.hm-transforming{
		margin-top: 60px;
		padding: 60px 0 60px;
	}
	.hm-transforming-head h2{
		font-size: 32px;
		line-height: 40px;
    	text-align: left;
	}
	.hm-client{
		padding: 80px 0 80px 0;
	}
	.hm-client-head h2{
		font-size: 32px;
		line-height: 40px;
		text-align: left;
	}
	.video_wrapper{
		height: auto;
	}
	.hm-marquee-shadow{
		margin-top: 60px;
	}
	.hm-marquee{
		height: auto;
	}
	.hm-marquee ul{
		display: flex;
		gap: 10px;
		animation: marquee 20s linear infinite;
	}
	@keyframes marquee{
		0% {
	    transform: translateX(0);
		}

		100% {
		    transform: translateX(-100%);
		}
	}
	.hm-marquee ul li{
		padding: 15px;
	    margin: 15px 0;
	    border-radius: 10px;
	}
	.hm-marquee ul li img{
		max-width: 150px;
	}
	.hm-marquee2 ul{
		animation: marquee2 20s linear infinite;
	}
	@keyframes marquee2{
		0% {
	    transform: translateX(-100%);
		}

		100% {
		    transform: translateX(0%);
		}
	}
	.hm-marquee-shadow:after, .hm-marquee-shadow:before{
		display: none;
	}
	.hm-testimonial {
	    padding-top: 80px;
	    padding-bottom: 60px;
	}
	.hm-testimonial-head h2{
		font-size: 32px;
    	text-align: left;
	}
	.hm-review{
		margin-bottom: 40px;
	}
	.review-slider .owl-nav .owl-prev, .review-slider .owl-nav .owl-next{
		width: 30px;
		margin: 0 0px;
	}
	.review-slider .owl-nav .owl-prev{
		transform: translate(-15px, 0);
	}
	.review-slider .owl-nav .owl-next{
		transform: translate(15px, 0);
	}

	.hm-afbr{
		padding-top: 0;
	}
	.hm-afbr-head h2{
		font-size: 32px;
		line-height: 40px;
    	text-align: left;
	}

	footer{
		padding-bottom: 80px;
	}
	.footer-logo {
	    padding-top: 20px;
	    padding-bottom: 40px;
	}
	.footer-contact p img{
		width: 25px;
	}
	.footer-contact p{
		padding-left: 30px;
	}
	.mpt30{
		padding-top: 30px;
	}

	#modal-fullscreen-sm .modal-body{
		padding: 0rem 1rem;
	}
	#modal-fullscreen-sm .modal-title{
		font-size: 18px;
	}
	#modal-fullscreen-sm .btn-secondary{
		margin-top: 0px;
	}

	.cover-page{
		padding: 60px 0 70px;
	}
	.cover-page-head h1{
		font-size: 25px;
	}
	.m_dropdown{
		width: 300px;
	}
	.m_dropdown dt{
		width: 300px;
		padding: 8px 0 0 13px;
	}
	.m_dropdown_rel button{
		padding: 6px 10px;
	}
	.mumbai_review{
		width: 100%;
	}

	.about-main-dtl h2{
		line-height: 40px;
	}
	.about-img h4{
		padding: 10px 10px;
	}
	.about-dtl{
		margin-top: 30px;
	}
	.about{
		padding: 0px 0 60px;
	}
	.about-dtl-p{
		margin-top: 15px;
	}
	.about-dtl-p p{
		padding: 5px 0;
	}
	.about-box {
	    margin-top: 10px;
	}
	.about-mis-vis-bg{
		padding: 60px 0px 150px;
	}
	.about-mis-box{
		padding: 25px 15px;
		height: auto;
		margin-bottom: 30px;
	}
	.choose {
	    padding: 40px 0 80px 0;
	}
	.choose-head h2{
		line-height: 40px;
	}
	.service-highlight-dtl {
	    padding-top: 40px;
	}
	.service-highlight-img{
		margin-top: 0px;
    	bottom: -60px;
	}
	.service-main {
	    padding: 120px 0 50px;
	}
	.service-main-head h2, .faq-head h2{
	    font-size: 28px;
	    line-height: 40px;
	}
	.service-work-head h2{
		font-size: 28px;
	}
	.faq .btn-link{
		white-space: normal;
	}
	.faq .btn-link::before{
		right: 0;
	}
	.faq .card-header{
		padding: .75rem 0rem;
	}
	.contact-head{
		margin-top: 40px;
	}
	.contact-box{
		margin: 15px 0;
	}
	.contact-map iframe{
	    padding: 0;
	    height: 300px;
	}
	.contact-head h2, .about-main-dtl h2, .about-dtl h2, .about-mis-vis-bg h2, .choose-head h2, .how-work-head h2, .our-work-head h2{
		font-size: 28px;
		line-height: 40px;
	}
	.our-work-head span{
		line-height: 25px;
	}



}

@media(min-width: 768px){

 
}


@media screen and (max-width: 480px) {

	.banner-desktop{
		display: none;
	}
	.banner-mobile{
		display: block;
	}

}