@media (min-width: 350px) and (max-width: 767px) {
.nav-section{
    background: transparent;			
}

.navbar-nav{
	    background-color: #0700b5;
}

.navbar .nav-item{
	    margin-left: 20px;
}

/* 
.left li a{
	z-index:9;
}
 */

.carousel-item{
	    margin-top: 130px;
}


}


@media (min-width: 350px) and (max-width: 400px) 
{
	.hero-section .slide .carousel-inner .carousel-item img
	{
		margin-top:32px;
	}
	.nav-switch
	{
		    top: 74px!important;
	}
	.hs-text
	{
	top: 102px!important;
    left: 8px!important;
	}
	.hs-title
	{
	    font-size: 19px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		    padding: 4px 2px;
			min-width: 100px;
			    font-size: 9px;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		    top: 58%!important;
			height:20%!important;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		     top: 58%!important;
			height:20%!important;
	}
	.carousel-item .hs-des
	{
		display:none;
	}
	
	
}

@media (min-width: 401px) and (max-width: 450px) 
{
	.hero-section .slide .carousel-inner .carousel-item img
	{
		margin-top:32px;
	}
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		top: 106px!important;
		left: 8px!important;
	}
	.hs-title
	{
	    font-size: 17px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		    padding: 4px 2px;
			min-width: 100px;
			    font-size: 9px;
	}
	
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		    top: 58%!important;
			height:20%!important;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		     top: 58%!important;
			height:20%!important;
	}
	.carousel-item .hs-des
	{
		display:none;
	}
	
}



@media (min-width: 451px) and (max-width: 500px) 
{
	.hero-section .slide .carousel-inner .carousel-item img
	{
		margin-top:32px;
	}
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		top: 134px!important;
		left: 8px!important;
	}
	.hs-title
	{
	    font-size: 17px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		    padding: 4px 2px;
			min-width: 100px;
			    font-size: 9px;
	}
	
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		    top: 58%!important;
			height:20%!important;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		    top: 58%!important;
			height:20%!important;
	}
	.carousel-item .hs-des
	{
		display:none;
	}
	
}



@media (min-width: 501px) and (max-width: 550px) 
{
	.hero-section .slide .carousel-inner .carousel-item img
	{
		margin-top:32px;
	}
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		top: 126px!important;
		left: 8px!important;
	}
	.hs-title
	{
	    font-size: 21px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		    padding: 4px 2px;
			min-width: 100px;
			    font-size: 9px;
	}
	
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		    top: 31%!important;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		    top: 31%!important;
	}
	.carousel-item .hs-des
	{
		display:none;
	}
	
}

	
	
@media (min-width: 551px) and (max-width: 600px) 
{
	.hero-section .slide .carousel-inner .carousel-item img
	{
		margin-top:32px;
	}
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		top: 175px!important;
    left: 47px!important;
	}
	.hs-title
	{
	    font-size: 19px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		    padding: 4px 2px;
			min-width: 100px;
			    font-size: 9px;
	}
	
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		    top: 33%!important;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		    top: 33%!important;
	}
		.carousel-item .hs-des
	{
	    text-shadow: 1px 1px 3px black!important;
		font-weight:normal!important;
	}
	.carousel-item .hs-des
	{
		display:none;
	}
	
}

	
@media (min-width: 601px) and (max-width: 650px) 
{
	.hero-section .slide .carousel-inner .carousel-item img
	{
		margin-top:32px;
	}
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		    top: 180px!important;
    left: 43px!important;
	}
	.hs-title
	{
	    font-size: 21px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		    padding: 14px 4px;
	}
	
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		    top: 50%!important;
			height: 20%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		    top: 50%!important;
			height: 20%;
	}
	.carousel-item .hs-des
	{
	    text-shadow: 1px 1px 3px black!important;
		font-weight:normal!important;
	}
	.carousel-item .hs-des
	{
		display:none;
	}
	
}

	
@media (min-width: 651px) and (max-width: 700px) 
{
	.hero-section .slide .carousel-inner .carousel-item img
	{
		margin-top:32px;
	}
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		top: 120px!important;
		left: 47px!important;
	}
	.hs-title
	{
	    font-size: 21px!important;
		font-weight: bold;
	}
	.site-btn
	{
		/* top: -52px!important; */
		    padding: 14px 4px;
	}
	
		.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		    top: 50%!important;
			height: 20%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		    top: 50%!important;
			height: 20%;
	}
	.carousel-item .hs-des
	{
	    text-shadow: 1px 1px 3px black!important;
		font-weight:normal!important;
	}
}

	

@media (min-width: 701px) and (max-width: 767px) 
{
	.hero-section .slide .carousel-inner .carousel-item img
	{
		margin-top:32px;
	}
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		top: 140px!important;
    left: 53px!important;
	}
	.hs-title
	{
	    font-size: 21px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		    padding: 14px 4px;
	}
	
		.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		    top: 50%!important;
			height: 20%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		    top: 50%!important;
			height: 20%;
	}
	.carousel-item .hs-des
	{
	    text-shadow: 1px 1px 5px black!important;
		font-weight:normal!important;
	}
	
}

	
	@media (min-width: 768px) and (max-width: 850px) 
{
	.nav-section nav .navbar-nav
	{
	flex-wrap: wrap!important;
	    margin-top: -26px;
	}
	
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		top: 120px!important;
		left: 63px!important;
	}
	.hs-title
	{
	    font-size: 28px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		 padding: 14px 4px;
	}
	
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		    top: 50%!important;
			height: 20%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		    top: 50%!important;
			height: 20%;
	}

	
	
}
	
	
	@media (min-width: 851px) and (max-width: 900px) 
{
	.nav-section nav .navbar-nav
	{
	flex-wrap: wrap!important;
	    margin-top: -26px;
	}
	
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		top: 164px!important;
		left: 71px!important;
	}
	.hs-title
	{
	    font-size: 28px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		 padding: 14px 4px;
	}
	
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		    top: 50%!important;
			height: 20%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		    top: 50%!important;
			height: 20%;
	}
	
	
	
}
	
	
		
	@media (min-width: 901px) and (max-width: 991px) 
{
	.nav-section nav .navbar-nav
	{
	flex-wrap: wrap!important;
	    margin-top: -26px;
	}
	
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		top: 164px!important;
		left: 71px!important;
	}
	.hs-title
	{
	    font-size: 28px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		 padding: 14px 4px;
	}
	
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		    top: 47%!important;
			height: 20%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		    top: 47%!important;
			height: 20%;
	}
	
	
	
}
	
	@media (min-width: 992px) and (max-width: 1000px) 
{
	.nav-section nav .navbar-nav
	{
	flex-wrap: wrap!important;
	    margin-top: -26px;
	}
	
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		    top: 165px!important;
			left: 71px!important;
	}
	.hs-title
	{
	    font-size: 28px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		 padding: 14px 4px;
	}
	
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		       top: 45%!important;
				height: 20%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		       top: 46%!important;
				height: 20%;
	}
	
	
	
}

@media (min-width: 1001px) and (max-width: 1100px) 
{
	.nav-section nav .navbar-nav
	{
	flex-wrap: wrap!important;
	    margin-top: -26px;
	}
	
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		top: 166px!important;
		left: 75px!important;
	}
	.hs-title
	{
	    font-size: 35px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		 padding: 14px 4px;
	}
	
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		       top: 51%!important;
				height: 20%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		       top: 51%!important;
				height: 20%;
	}
	
	
	
}


@media (min-width: 1101px) and (max-width: 1200px) 
{
	.nav-section nav .navbar-nav
	{
	flex-wrap: wrap!important;
	    margin-top: -26px;
	}
	
	.nav-switch
	{
		    top: 35px!important;
	}
	.hs-text
	{
		top: 209px!important;
		left: 86px!important;
	}
	.hs-title
	{
	    font-size: 35px!important;
	}
	.site-btn
	{
		/* top: -52px!important; */
		 padding: 14px 4px;
	}
	
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		       top: 51%!important;
				height: 20%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		       top: 51%!important;
				height: 20%;
	}
	
	
	
}
	@media (min-width: 1201px) and (max-width: 1250px) 
{
	.hs-text
	{
		top: 205px!important;
		left: 8px!important;
		
	}
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		       top: 44%!important;
				height: 15%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		       top: 44%!important;
				height: 15%;
	}
	
}


	@media (min-width: 1251px) and (max-width: 1350px) 
{
	.hs-text
	{
		top: 203px!important;
		left: 10px!important;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		       top: 44%!important;
				height: 15%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		       top: 44%!important;
				height: 15%;
	}
	
}

	@media (min-width: 1351px) and (max-width: 1500px) 
{
	.hs-text
	{
		top: 247px!important;
		left: 10px!important;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		       top: 44%!important;
				height: 15%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		       top: 44%!important;
				height: 15%;
	}
	
}

	
	@media (min-width: 1501px) and (max-width: 1600px) 
{
	.hs-text
	{
		top: 334px!important;
		left: 12px!important;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		       top: 44%!important;
				height: 15%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		       top: 44%!important;
				height: 15%;
	}
	
}
@media (min-width: 1601px) and (max-width: 1800px) 
{
	.hs-text
	{
		top: 334px!important;
		left: 15px!important;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		       top: 44%!important;
				height: 15%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		       top: 44%!important;
				height: 15%;
	}
	
}
@media (min-width: 1801px) and (max-width: 2000px) 
{
	.hs-text
	{
		top: 394px!important;
		left: 15px!important;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-next
	{
		       top: 44%!important;
				height: 15%;
	}
	.hero-section #carouselExampleIndicators  .carousel-control-prev
	{
		       top: 44%!important;
				height: 15%;
	}
	
}