#agridiv{

	background-size: 100%;
background-position: center;
height:28vh;
}

#agridiv h1{
	top:3vh;
}

#constructdiv{
	background-image:url("/photos/newconstru.png");
	background-size: 100%;
background-position: center;

}

#traveldiv{
	background-size: 100%;
background-position: center;
}

#topsliderbox{
	background-image:url("/photos/topsliderxl.svg");
	background-size: cover;
background-position: center;
}




.blackbar{
	height: 10px;
	width: 100vw;
	z-index: 1000;
}

#leftbar{
	background-image:url("/photos/blackbar.svg");
	background-size: cover;
	left:0;
}

#rightbar{
	background-image:url("/photos/blackbar.svg");
	background-size: cover;
    right:0;	
}



@media only screen and (min-width:1101px) { 


	.topright{
		transform:translateX(-70.8vw);
		-webkit-transform:translateX(-70.8vw);
		-moz-transform:translateX(-70.8vw);
		-ms-transform:translateX(-70.8vw);
		-o-transform:translateX(-70.8vw);
}

.topleft{
	transform:translateX(-129.2vw);
	-webkit-transform:translateX(-129.2vw);
	-moz-transform:translateX(-129.2vw);
	-ms-transform:translateX(-129.2vw);
	-o-transform:translateX(-129.2vw);
}


	.agribox{
		padding:20px 120px!important;
	}
   
	.construbox{
	   padding:20px 120px!important;
   }

	.slideright{
		transform: translateX(25.5%);
		-webkit-transform: translateX(25.5%);
		-moz-transform: translateX(25.5%);
		-ms-transform: translateX(25.5%);
		-o-transform: translateX(25.5%);
}
	
	.slideleft{
		transform: translateX(-25.5%);
		-webkit-transform: translateX(-25.5%);
		-moz-transform: translateX(-25.5%);
		-ms-transform: translateX(-25.5%);
		-o-transform: translateX(-25.5%);
	
}

#backarrowc{

    right: 5vh!important;

}

	.optdiv h1{
		font-size: 3rem!important;
	}

	.fpvid {
		height: 500px!important;
	}

	#traveldiv{
		background-position-y:40%;}
	
}


@media only screen and (min-width:901px) and (max-width:1100px)  { 

	
	.topright{
		transform:translateX(-71vw);
		-webkit-transform:translateX(-71vw);
		-moz-transform:translateX(-71vw);
		-ms-transform:translateX(-71vw);
		-o-transform:translateX(-71vw);
}
.topleft{
	transform:translateX(-129vw);
	-webkit-transform:translateX(-129vw);
	-moz-transform:translateX(-129vw);
	-ms-transform:translateX(-129vw);
	-o-transform:translateX(-129vw);
}

	.agribox{
		padding:20px 100px!important;
	}
   
	.construbox{
	   padding:20px 100px!important;
   }


	.slideright{
		transform: translateX(25.5%);
		-webkit-transform: translateX(25.5%);
		-moz-transform: translateX(25.5%);
		-ms-transform: translateX(25.5%);
		-o-transform: translateX(25.5%);
}
	
	.slideleft{
		transform: translateX(-25.5%);
		-webkit-transform: translateX(-25.5%);
		-moz-transform: translateX(-25.5%);
		-ms-transform: translateX(-25.5%);
		-o-transform: translateX(-25.5%);
}
#traveldiv{
	background-position-y:40%;}


	.optdiv h1{
		font-size: 5rem!important;
	}

	
	.fpvid {
		height: 500px!important;
	}

}	






@media only screen and (min-width:441px) and (max-width:900px) { 

	
	.topright{
		transform:translateX(-72vw);
		-webkit-transform:translateX(-72vw);
		-moz-transform:translateX(-72vw);
		-ms-transform:translateX(-72vw);
		-o-transform:translateX(-72vw);
}
.topleft{
	transform:translateX(-128vw);
	-webkit-transform:translateX(-128vw);
	-moz-transform:translateX(-128vw);
	-ms-transform:translateX(-128vw);
	-o-transform:translateX(-128vw);
}

 .agribox{
	 padding:20px 50px!important;
 }

 .construbox{
	padding:20px 50px!important;
}


     .slideright{
    transform: translateX(26%);
    -webkit-transform: translateX(26%);
    -moz-transform: translateX(26%);
    -ms-transform: translateX(26%);
    -o-transform: translateX(26%);
}

.slideleft{
    transform: translateX(-26%);
    -webkit-transform: translateX(-26%);
    -moz-transform: translateX(-26%);
    -ms-transform: translateX(-26%);
    -o-transform: translateX(-26%);
}




}	



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

	
	.topright{
		transform:translateX(-73vw);
		-webkit-transform:translateX(-73vw);
		-moz-transform:translateX(-73vw);
		-ms-transform:translateX(-73vw);
		-o-transform:translateX(-73vw);
}
.topleft{
	transform:translateX(-127vw);
	-webkit-transform:translateX(-127vw);
	-moz-transform:translateX(-127vw);
	-ms-transform:translateX(-127vw);
	-o-transform:translateX(-127vw);
}


	.slideright{
		transform:translateX(27%);
		-webkit-transform:translateX(27%);
		-moz-transform:translateX(27%);
		-ms-transform:translateX(27%);
		-o-transform:translateX(27%);
}

.slideleft{
    transform: translateX(-27%);
    -webkit-transform: translateX(-27%);
    -moz-transform: translateX(-27%);
    -ms-transform: translateX(-27%);
    -o-transform: translateX(-27%);
}

}


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

h1{
	font-size:1.4rem!important;
}

h2 {
    font-size: 1.2rem!important;
}

h5{
	font-size:1rem!important;
	}

	.torilink{
		margin-top:-22px!important;
	}

#ytpf{
	height: 50px!important;
width: 50px !important;
margin-left: 20px!important;
}	

h6 {
    font-size: 0.8rem!important;
	margin:0!important;
}
}	




@media only screen and (max-height: 500px){

	#topsliderbox{
		height:5px!important;
	}
	.blackbar{
		height:5px!important;
	}
}