@media(max-width: 1000px) {
	.row{
		display: block;
	}
}

@media(max-width: 900px) {
	header {
		padding: 2px 5px;
	}
	
	header label {
		display: initial;
	}
	
	header .navbar {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		border-top: 1px solid rgba(0,0,0,1);
		display: none;
	}
	
	header .navbar  ul li{
		width: 100%;
	}
	
	header .navbar  ul li ul{
		position: relative;
		width: 100%;
		background: #ccc;
	}
	
	header .navbar  ul li ul li{
		background: #eee;
	}
	
	header .navbar  ul li ul li ul{
		width: 100%;
	}

	#menu-bar:checked~.navbar {
		display: initial;
	}
	
	.sicon{
		display: flex;
	}
}

@media(max-width:400px) {
	header h1{
		font-size: 7vw;
	}
	
	header img {
		width: 25px;
		height: 25px;
	}
	
	header small{
		font-size: 4vw;
	}
	
	header .signin {
		font-size: 5vw;
	}
	
	section{
		padding: 35px 4%;
	}

	.h2 {
		font-size: 25px;
	}

	.hero{
		height: 250px;	
	}

	h3 {
		font-size: 25px;
	}

	.hero .h3 {
		font-size: 21px;
	}

	.sub-txt1-slide, .sub-txt4-slide {
		font-size: 15px;
	}
	
	
	
}


@media(max-width:350px) {
	
}

@media(max-width:300px) {
	.hero{
		height: 230px;	
	}
	
	h3 {
		font-size: 25px;
	}
	
	.sub-txt1-slide, .sub-txt4-slide {
		font-size: 15px;
	}
	
	section{
		padding: 35px 2%;
	}
}