@media(min-width:1601px) and (max-width:1800px){
	.main-wrpper{padding: 20px;}
	.logo img{max-width: 500px;}
	.navbar-nav{right: 20px;}
	.navbar-nav .navbar-links ul li{margin-right: 40px;}
	.navbar-nav .navbar-links ul li a{font-size: 30px;}
	.navbar-nav .contact-info ul li{font-size: 30px;}
}

@media(min-width:1201px) and (max-width:1600px){
	.main-wrpper{padding: 20px;}
	.logo img{max-width: 380px;}
	.navbar-nav{right: 20px;}
	.navbar-nav .navbar-links ul li{margin-right: 30px;}
	.navbar-nav .navbar-links ul li a{font-size: 25px;}
	.navbar-nav .contact-info ul li{font-size: 25px;}

	.logo-box{bottom:20px;left: 20px;}
}

@media(min-width:1025px) and (max-width:1200px){
	.main-wrpper{padding: 20px;}
	.logo img{max-width: 320px;}
	.navbar-nav{right: 20px;}
	.navbar-nav .navbar-links ul li{margin-right: 20px;}
	.navbar-nav .navbar-links ul li a{font-size: 20px;}
	.navbar-nav .contact-info ul li{font-size: 20px;}

	.logo-box{bottom:20px;left: 20px;}
}

@media(min-width:992px) and (max-width:1024px){
	.main-wrpper{padding: 0;background-position: right;}
	.main-wrpper{padding: 20px;}
	.logo img{max-width: 320px;}
	.navbar-nav{right: 20px;}
	.navbar-nav .navbar-links ul li{margin-right: 20px;}
	.navbar-nav .navbar-links ul li a{font-size: 20px;}
	.navbar-nav .contact-info ul li{font-size: 20px;}
	
	.logo-box{bottom:20px;left: 20px;}

}

@media(min-width:768px) and (max-width:991px){
	.main-wrpper{padding: 20px 20px 150px;justify-content: center;}
	
	.navbar-nav .navbar-links ul li a{font-size: 20px;}
	.navbar-nav .contact-info ul li{font-size: 20px;}
	.navbar-nav{width: 100%;left: 0;right: 0;}
	.navbar-nav .navbar-links ul{justify-content: center;}
	.navbar-nav .contact-info ul{padding: 0 20px;}

	.logo-box{bottom: 150px;left: 0;right: 0;width: 100%;}
	.logo img{margin: 0 auto;}
	.navbar-nav .contact-info ul{justify-content: center;}
	.navbar-nav .contact-info ul li:last-child{margin-left: 15px;}

	.logo-box{bottom: 120px;}
	.logo-box img{margin: 0 auto;max-width: 60%;}
}

@media(min-width:576px) and (max-width:767px){
	.main-wrpper{padding: 0;background-position: 75%;justify-content: center;}
	.togglebar{display: block;z-index: 6;}
	
	.navbar-nav{height: 100%;width: 100%;top: 0;bottom: 0;padding: 93px 0 0;right: 100%;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;background: #407ABC;z-index: 5;display: flex;flex-flow: column;overflow: auto;}
	.navbar-nav.show-navbar{right: 0;}	

	.navbar-nav .mobile-logo{order: 1;}
	.navbar-nav .navbar-links{order: 3;}
	.navbar-nav  .contact-info{order: 2;}

	.navbar-nav .mobile-logo{display: block;padding: 0 0 40px;}
	.navbar-nav .navbar-links ul{display: block;}
	.navbar-nav .contact-info ul{display: block;}

	.navbar-nav .contact-info{padding: 0 15px 50px;}
	.navbar-nav .contact-info ul li{font-size: 29px;color: #fff;}
	.navbar-nav .contact-info ul li:last-child{margin: 0;}
	.navbar-nav .contact-info ul li a{color: #fff;}

	.navbar-nav .navbar-links{padding: 0 15px}
	.navbar-nav .navbar-links li{margin: 0 0 45px;}
	.navbar-nav .navbar-links li a{font-size: 33px;}

	.logo-box{left: 0;bottom: 10px;right: 0;width: 100%}
	.logo-box img{margin: 0 auto;max-width: 75%;}

	.navbar-nav .contact-info{padding: 0 0px 20px 100px;}
	.navbar-nav .contact-info ul li br{display: block;}
	.navbar-nav .navbar-links{padding: 0 0 0 100px;}
}

@media(min-width:448px) and (max-width:575px){
	.main-wrpper{padding: 0;background-position: 75%;}
	.togglebar{display: block;z-index: 6;}
	
	.navbar-nav{height: 100%;width: 100%;top: 0;bottom: 0;padding: 93px 0 0;right: 100%;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;background: #407ABC;z-index: 5;display: flex;flex-flow: column;overflow: auto;}
	.navbar-nav.show-navbar{right: 0;}	

	.navbar-nav .mobile-logo{order: 1;}
	.navbar-nav .navbar-links{order: 3;}
	.navbar-nav  .contact-info{order: 2;}

	.navbar-nav .mobile-logo{display: block;padding: 0 0 40px;}
	.navbar-nav .navbar-links ul{display: block;}
	.navbar-nav .contact-info ul{display: block;}

	.navbar-nav .contact-info{padding: 0 15px 50px;}
	.navbar-nav .contact-info ul li{font-size: 29px;color: #fff;}
	.navbar-nav .contact-info ul li:last-child{margin: 0;}
	.navbar-nav .contact-info ul li a{color: #fff;}

	.navbar-nav .navbar-links{padding: 0 15px}
	.navbar-nav .navbar-links li{margin: 0 0 45px;}
	.navbar-nav .navbar-links li a{font-size: 33px;}

	.logo-box{left: 0;bottom: 10px;right: 0;}

	.navbar-nav .contact-info ul li{font-size: 26px;}
	.navbar-nav .navbar-links ul li{margin: 0 0 26px;}
	.navbar-nav .navbar-links ul li a{font-size: 26px;}

	.logo-box img{margin: 0 auto;}
	.navbar-nav .contact-info{padding: 0 0px 20px 80px;}
	.navbar-nav .contact-info ul li br{display: block;}
	.navbar-nav .navbar-links{padding: 0 0 0 80px;}
}

@media(max-width:447px){
	.main-wrpper{padding: 0;background-position: 75%;}
	.togglebar{display: block;z-index: 6;}
	
	.navbar-nav{height: 100%;width: 100%;top: 0;bottom: 0;padding: 93px 0 0;right: 100%;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;background: #407ABC;z-index: 5;display: flex;flex-flow: column;overflow: auto;}
	.navbar-nav.show-navbar{right: 0;}	

	.navbar-nav .mobile-logo{order: 1;}
	.navbar-nav .navbar-links{order: 3;}
	.navbar-nav  .contact-info{order: 2;}

	.navbar-nav .mobile-logo{display: block;padding: 0 0 40px;}
	.navbar-nav .navbar-links ul{display: block;}
	.navbar-nav .contact-info ul{display: block;}

	.navbar-nav .contact-info{padding: 0 15px 50px;}
	.navbar-nav .contact-info ul li{font-size: 29px;color: #fff;}
	.navbar-nav .contact-info ul li:last-child{margin: 0;}
	.navbar-nav .contact-info ul li a{color: #fff;}

	.navbar-nav .navbar-links{padding: 0 15px}
	.navbar-nav .navbar-links li{margin: 0 0 45px;}
	.navbar-nav .navbar-links li a{font-size: 33px;}

	.logo-box{left: 0;bottom: 10px;right: 0;}

	.navbar-nav .contact-info ul li{font-size: 20px;}
	.navbar-nav .navbar-links ul li{margin: 0 0 20px;}
	.navbar-nav .navbar-links ul li a{font-size: 20px;}

	.logo-box img{margin: 0 auto;}
	.navbar-nav .contact-info{padding: 0 0px 20px 80px;}
	.navbar-nav .contact-info ul li br{display: block;}
	.navbar-nav .navbar-links{padding: 0 0 0 80px;}
}

@media(max-width:375px){
	.navbar-nav .contact-info{padding: 0 35px 20px;}
	.navbar-nav .navbar-links{padding: 0 35px;}
}


@media (max-height: 500px) {
  	.logo-box img{max-width: 50%;}
}