/*======= LARGE RESOLUTION =======*/

@media (min-width: 1500px) {
	
	.wrapper{
		max-width: 1360px;
	}
	.container{
		width: 1330px;
	}
	.bottom2{
		width: 350px;
	}
	
}

@media (min-width: 1200px) and (max-width: 1499px) {
	
}

/*======= MEDIUM RESOLUTION =======*/

@media (min-width: 992px) and (max-width: 1199px) {
	#mainmenu ul.menu li{
		padding: 0 10px;
	}
	#section4 .video1,
	#section4 .video2{
		max-width: 40%;
	}
	.bottom1{
		width: 260px;
	}
	.bottom2{
		width: 220px;
	}
	.bottom3{
		width: 105px;
	}
	.bottom4{
		width: 140px;
	}
	.bottom5{
		width: 210px;
	}
	.homepage #section3 .onSlider{
		top: 20%;
	}
}

/*======= SMALL RESOLUTION =======*/

@media (min-width: 768px) and (max-width: 991px) {
	
	#section1{
		display: none;
	}
	#section2 {
		padding: 25px 0;
	}
	.homepage #section3 .onSlider{
		width: 600px;
		top: 15%;
		margin-left: -300px;
	}
	.homepage #section3 .onSlider .text{
		font-size: 35px;
		margin-bottom: 50px;
	}
	#section4 .video1,
	#section4 .video2{
		max-width: 45%;
		margin: 0 15px;
	}
	#section5{
		text-align: center;
	}
	#section5 .user1 h3,
	#section5 .user1:hover h3,
	#section5 .user1:focus h3,
	#section5 .user2 h3,
	#section5 .user2:hover h3,
	#section5 .user2:focus h3,
	#section5 .user3 h3,
	#section5 .user3:hover h3,
	#section5 .user3:focus h3{
		padding-left: 0;
		padding-top: 50px;
		margin-bottom: 0;
		background-position: top center;
	}
	#section6 .custom div,
	#section7 .custom div{
		display: none !important;
	}
	#section8 .custom div{
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		display: block !important;
	}
	#section6 h2,
	#section7 h2,
	#section8 h2,
	#section9 h3,
	#explore h2{
		margin: 30px 0;
	}
	.bottom1{
		width: 260px;
	}
	.bottom2{
		width: 220px;
	}
	.bottom3{
		width: 110px;
	}
	.bottom4{
		width: 120px;
	}
	.bottom5{
		display: none;
	}
	.service-boxes .service-box:nth-child(3){
		border-left: none;
		border-top: solid 5px #fff;
	}
	
	.service-boxes .service-box:nth-child(4){
		border-top: solid 5px #fff;
	}
	
	.about-page .row {
		margin-bottom: 15px;
	}
	.about-mod .padding-left-none,
	.about-mod .padding-right-none{
		padding-left: 15px;
		padding-right: 15px;
	}
	.about-mod-left:before, 
	.about-mod-right:before,
	.about-mod-left:after,
	.about-mod-right:after{
		display: none;
	}
	.about-mod-left, 
	.about-mod-right{
		margin-bottom: 30px;
	}
	.about-mod-content:after{
		width: 85%;
	}
}

/*======= EXTRA SMALL RESOLUTION =======*/

@media (max-width: 767px) {
	
	#section1{
		display: none;
	}
	#section2 {
		padding: 25px 0;
	}
	.homepage #section3 .onSlider{
		width: 100%;
		top: 15%;
		left: 0;
		margin: 0;
	}
	.homepage #section3 .onSlider .text{
		font-size: 35px;
		margin-bottom: 40px;
	}
	a.button-play{
		padding: 15px 30px;
	}
	a.button-play:hover,
	a.button-play:focus{
		padding: 15px 30px;
	}
	#section4 .video1,
	#section4 .video2{
		max-width: 100%;
		margin: 0;
	}
	#section4 .mainbody{
		margin-top: 30px;
	}
	#section5{
		text-align: center;
	}
	#section5 .user1 h3,
	#section5 .user1:hover h3,
	#section5 .user1:focus h3,
	#section5 .user2 h3,
	#section5 .user2:hover h3,
	#section5 .user2:focus h3,
	#section5 .user3 h3,
	#section5 .user3:hover h3,
	#section5 .user3:focus h3{
		padding-left: 0;
		padding-top: 50px;
		margin-bottom: 0;
		background-position: top center;
	}
	#section6 .custom div,
	#section7 .custom div{
		display: none !important;
	}
	#section8 .custom div{
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		display: block !important;
	}
	#section6 h2,
	#section7 h2,
	#section8 h2,
	#section9 h3,
	#explore h2{
		margin: 30px 0;
	}
	#section6 .custom,
	#section7 .custom{
		position: relative;
	}
	#section6 .service1 .custom,
	#section6 .service2 .custom,
	#section6 .service3 .custom,
	#section7 .product1 .custom,
	#section7 .product2 .custom,
	#section7 .product3 .custom,
	#section8 .custom{
		margin-bottom: 15px;
	}
	#section6 .col-title,
	#section7 .col-title{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		background: rgba(35, 74, 120, 0.6);
	}
	#section6 .col-title .col-link,
	#section7 .col-title .col-link,
	#explore .col-title .col-link{
		padding: 10px;
	}
	#section6 .col-title .col-link::before,
	#section7 .col-title .col-link::before,
	#explore .col-title .col-link::before{
		font-size: 20px;
	}
	#explore .explore3{
		padding: 40px;
	}
	#explore .explore3 .col-title {
		height: 80px;
	}
	.bottom1{
		width: 60%;
	}
	.bottom2{
		width: 40%;
	}
	.bottom3,
	.bottom4,
	.bottom5{
		display: none;
	}
	.info1,
	.info2{
		text-align: center;
	}
	#mobile-top{
		right: 15px;
	}
	.service-boxes .service-box:nth-child(2),
	.service-boxes .service-box:nth-child(3),
	.service-boxes .service-box:nth-child(4){
		border-left: none;
		border-top: solid 5px #fff;
	}
	#section8 .industry1,
	#section8 .industry2,
	#section8 .industry3{
		border: none;
	}
	
	.about-page .row {
		margin-bottom: 15px;
	}
	.about-mod .padding-left-none,
	.about-mod .padding-right-none{
		padding-left: 15px;
		padding-right: 15px;
	}
	.about-mod-left:before, 
	.about-mod-right:before,
	.about-mod-left:after,
	.about-mod-right:after{
		display: none;
	}
	.about-mod-left, 
	.about-mod-right{
		margin-bottom: 30px;
	}
	.about-mod-content:after{
		width: 80%;
	}
	
}

.block480{
	display: none;
}

@media (max-width: 480px) {
	.homepage #section3 .onSlider{
		top: 15px;
	}
	.homepage #section3 .onSlider .text{
		font-size: 25px;
		margin-bottom: 20px;
	}
}

@media (max-width: 479px) {
	.none480{
		display: none;
	}
	.block480{
		display: block !important;
	}
	.bottom1,
	.bottom2{
		width: 100%;
		text-align: center;
		padding-top: 0;
	}
	.homepage #section3 .onSlider{
		padding-top: 25px;
	}
	.homepage #section3 .onSlider .text{
		display: none;
	}
	
	.about-mod p{
		margin: 0 0 10px;
	}
	.about-mod-content:after {
		width: 60%;
	}
	.about-mod-content-text{
		padding-left: 0;
		padding-right: 140px;
	}
	.about-mod-left .about-mod-content-text {
		padding-left: 140px;
		padding-right: 0;
		text-align: right;
	}
}