@media (min-width: 768px) {
	.navbar-collapse{ width: 50%;}
	.navbar-collapse{
        top: 00%;
        left: -100%;
	}
	.navbar-collapse.in{
		top: 0;
		left: 0;
	}
	.navbar-collapse.show {
		top: 0;
		left: 0;
	}
	#nav-icon3.open span{background: #FFF;}
	.navbar-brand img{width: 145px;}
	.footer{padding: 5% 0 2%;}
	.content-box{padding:5% 0;}
	.contactbar{display: block;}
	.contact-footer{margin: 0;}
	.content-box.tagline{padding: 2% 0;}
	#carouselmainSlide .carousel-item{height: 530px;}
	
	
	.textleft-title{text-align: left;}
	.textright-title{text-align: right;}
	.textleft-title, .textright-title{margin-bottom: 2rem;}
	.contentbox1 .row.g-0{justify-content: flex-start;}
	.iconbox1{margin: 0 -2rem 0 1rem;}
	.iconbox1.sr-icons{margin: auto;}
	.textbox1{padding-right: 2rem;padding-left: 1rem;}
	.textbox2{margin: 2rem auto;}
	
	#carouselmainSlide .carousel-item .bannercaptions img.logobanner1{width: 200px;}
	.bannercaptions h1{font-size: 105px;}
	.bannercaptions h2{margin-top: 1rem;}
	.shouldbe-box .row{align-items: center;}
	.textbox3{
		margin: auto;
		height: 100%;
	}
	.textbox3 .textin {
		width: 515px;
		transform:rotate(-90deg) translateX(-3%) translateY(-9rem);
	}
	.textbox3 h1{font-size: 60px;}
	.textbox3 p{font-size: 30px;}
	.textbox4{margin: 0;}
	.textbox4 ul li{margin-bottom: 2rem;}
	.textbox5 h1{font-size: 26px;}
	.textbox5 h1 span{font-size: 38px;}
	.textbox5 p{font-size: 35px;margin-bottom: 0;}
	
	.content-box.lastcontent{padding-bottom: 25%;}
	
	.img-box.imgradius1{height: 85%;}

	.img-box#imgvision{margin: 9rem auto -7rem;}
	.textvision#movevision{
		margin: 0rem auto 5rem;
		padding: 0 1rem;
	}
	.icon-box#iconone{margin: -3rem 0 3rem;}
	.icon-box#icontwo{margin: -2rem 0 3rem ;}
	.icon-box#iconthree{margin: -3rem 0 3rem ;}
	.icon-box#iconfour{margin: -2rem 0 3rem ;}
	

	.contect-form .fa-xmark{right: 1rem;}
	.circlecolor{font-size: 18px;}
	.bannerpage.policypage,
	.bannerpage.servicespage{
		padding: 7% 0;
		height: auto;
	}
	/*.servicebox1,
	.servicebox5{margin: 0 0 0 -1rem;}
	.servicebox4,
	.servicebox2{margin-left: 2rem;margin-right: -2rem;}
	.servicebox3{margin-left: 3rem;margin-right: -3rem;}*/
	
}
@media (min-width: 992px) { 
	html{ font-size:20px; } 
	.languagemobile,
	#nav-icon3{display: none ;}
	.headbar-main{ position: fixed; }
	.navbar-brand{text-align: left;}
	.hamburgers-box{justify-content: flex-start;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 100%;
		justify-content: flex-end;
	}
	
	.navbar-nav li{
		width:auto;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.navbar-nav li a{
		padding: 5px 8px;
		text-align: center;
	}
	.navbar-nav li .hvr-underline-from-center:hover:before, .navbar-nav li .hvr-underline-from-center:focus:before, .navbar-nav li.active  .hvr-underline-from-center:before {
	  left: 0%;
	  right: 0%;
	}
	
	.navbar-nav li.languagebox{display: block;}
	.policy-box ul{
		display: flex;
		align-items: center;
	}
	.iconbox1 {
        margin: 1rem auto;
        padding-right: 1.5rem;
    }
	.iconbox1.sr-icons{padding: 0;}
	.textbox1 {
		padding: 1.5rem 5rem 1.5rem 4rem;
		margin-right: 3rem;
    }
	.shouldbe-box{
		min-height: 120px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 3rem;
		font-size: 1rem;
	}
	.shouldbe-icon{margin-right: 0rem;}
	.shouldbe-box p{line-height: 1.2;padding-left: .5rem;}
	.textbox3 .textin {
        width: 350px;
        transform: rotate(-90deg) translateX(24%) translateY(-3rem);
    }
	.textbox3 h1 {
        font-size: 55px;
    }
	.textbox3 p{font-size: 27px;}
	.textbox3 img.sql {
		left: -2.4rem;
		width: 80px;
	}
	.textbox5 h1 { font-size: 24px;}
	.textbox5 p {font-size: 38px;}
	.social-footer { margin: 0rem -1rem .5rem; }
	.footer .row{align-items: flex-end;}
	.textbox3{height:80%;}
	.content-box.tagline h1,
	.title-box h1,
	.textvision h1,
	.textbox4 h1{font-size: 35px;}
	.icon-box{margin-bottom: 2rem;}
	.textbox1{margin-bottom: 3rem;}
	#carouselmainSlide .carousel-item{height: auto;}
	
	.img-box.imgradius1{height: 93%;}
	
	.img-box#imgvision { margin: 9rem auto -14rem;}
	.icon-box#iconone,
	.icon-box#iconthree {margin: 1rem 0 3rem;}
	.icon-box#icontwo,
	.icon-box#iconfour {margin: 2rem 0 3rem;}
	
	
	.bannerpage.contactpage {height: 420px;}
	.sendus-btn{width: 250px;}
	
	/*.servicebox3 {
        margin-left: 6rem;
        margin-right: -4rem;
    }
	.servicebox4, 
	.servicebox2 {
        margin-left: 3rem;
        margin-right: -3rem;
    }
	.servicebox1, 
	.servicebox5 {
        margin: 0 0 0 -2rem;
    }*/
	.footer{font-size: 18px;}
	.contact-footer { margin: 0 0rem 0 -1.5rem;}
}
@media (min-width: 1200px) {
	html{font-size: 24px;}
	.textbox1{
		border-radius: 0 125px 125px 0;
		padding: 1.5rem 5rem 1.5rem 7rem;
	}
	.textbox1 h1{font-size: 55px;}
	.iconbox1 {padding-right: 0;}
	.textbox1 h2{font-size: 33px;}
	.textbox5 p,
	.title-box h1, .textvision h1, .textbox4 h1 {font-size: 50px;}
	.content-box.tagline h1{font-size: 40px;}
	.textbox3 h1 { font-size: 70px;}
	.textbox3 p{font-size: 35px;}
	.textbox3 .textin { transform: rotate(-90deg) translateX(12%) translateY(-3rem);}
	.shouldbe-box{padding: 1.5rem 1rem;}
	.textbox3{height: 85%;}
	.textbox3 img.sqr,
	.textbox3 img.sql{width: 70px;}
	.textbox3 img.sql {left: -1.4rem;}
	.textright-title h1,
	.textleft-title h1{font-size: 30px;}
	.img-box.imgradius1{height: 90%;}
	.textleft-title, .textright-title {  margin-bottom: 3rem;  }
	.textbox5{margin: auto;}
	.textbox5 h1 {font-size: 28px;}
	.textbox5 h1 span{font-size: 45px;}
	.social-footer img{width: 40px;}
	.social-footer{margin-left: 0;}
	.bannercaptions h1 {font-size: 145px;}
	#carouselmainSlide .carousel-item .bannercaptions img.logobanner1 {width: auto;}
	.bannercaptions h2{font-size: 45px;}
	.navbar-brand img { width: 185px;}
	.languagebox img{width: 40px;}
	.navbar-nav li{font-size: 22px;}
	
	.img-box#imgvision { margin: 13rem auto -16rem;}
	.icon-box#iconone, 
	.icon-box#iconthree {margin: -1rem 0 3rem;}
	.icon-box#icontwo, 
	.icon-box#iconfour {margin: 0rem 0 3rem;}
	.textvision#movevision{padding: 0 3rem;margin: 0rem auto 8rem;}
	
	.mapbox{height: 420px;}
	.bannerpage.contactpage{height: auto;}
	.social-box img{width: 45px;}
	.social-box h1{font-size: 36px;}
	.contect-form h1 {
		font-size: 40px;
		text-align: left;
	}
	
	.iconservice .imgservice {
		width: 95px;
		height: 95px;
	}
	.footer { font-size: 22px;}
}

@media (min-width: 1440px) {
	.textbox3 img.sqr, .textbox3 img.sql {width: 80px;}
	.textbox3 h1 {  font-size: 75px;}
	.textbox3 .textin { width: 360px;transform: rotate(-90deg) translateX(8%) translateY(-2.5rem)}
	.shouldbe-box {
        min-height: 180px;
        padding: 1rem 1.5rem;
    }
	.textright-title h1, .textleft-title h1 {font-size: 33px; }
	.textbox4 ul {font-size: 1.2rem;}
	.textbox4 img{width: auto;}
	.textvision {padding: 0 3rem;}
	.textbox1 { padding: 1.5rem 2rem 1.5rem 4rem;}
	.img-box.imgradius1{height: 95%;}
	
	.icon-box#iconone, 
	.icon-box#iconthree {
        margin: -3rem 0 4rem;
    }
	.icon-box#icontwo, 
	.icon-box#iconfour {
        margin: -2rem 0 4rem;
    }
	.bannerpage.contactpage {height: 624px;}
	
}

@media (min-width: 1600px) { 
	html{font-size: 26px;}
	.bannercaptions h1 {font-size: 175px; }
	.bannercaptions h2 { font-size: 55px;}
	.textbox3 img.sql {left: -2.5rem;}
	.textbox3 img.sqr, .textbox3 img.sql {width: auto;}
	.textbox1 { padding: 1.5rem 1rem 1.5rem 7rem;}
	.img-box.imgradius1{height: 90%;}
	
	.img-box#imgvision { margin: 16rem auto -18rem;}
	.icon-box#iconone, 
	.icon-box#iconthree {
        margin: -4rem 0 5rem;
    }
	.icon-box#icontwo, 
	.icon-box#iconfour {
        margin: -3rem 0 5rem;
    }
	.bannerpage.contactpage .title-box{top: 35%;}
	.footer{font-size: 23px;}
}
@media (min-width: 1800px) {
	.bannercaptions h1 {font-size: 220px; }
	.bannercaptions h2 { font-size: 65px;}
	.icon-box {
        padding: 2rem 1rem;
        border-radius: 100px;
    }
	.textbox3 .textin {transform: rotate(-90deg) translateX(8%) translateY(-2rem);}
	.content-box.lastcontent {padding-bottom: 20%;}
	.textbox1 { padding: 1.5rem 3rem 1.5rem 13rem;}
	
	.textbox5 h1 {font-size: 33px;line-height: 1.5;}
	.textbox5 h1 span{font-size: 50px;}
	.textbox5 p {font-size: 60px;}
}
@media (min-width: 2000px) {
	html{ font-size:28px; } 
	.textbox1 { padding: 1.5rem 1rem 1.5rem 14rem;}
	
}
@media (min-width: 2400px) {
	
}
@media (min-width: 2750px) {
	
}
@media (min-width: 3000px) {
	
}