@media (min-width: 768px) {
	html{ font-size:16px;} 
	.navbar-collapse{width: 50%;}
	.footer{padding: 5% 0 2%;}
	.bannerpage{padding: 7% 0 7%;}
	.content-otherpage,
	.content-box{padding: 5% 0;}
	.social-footer{text-align: right;}
	.copyright-box{text-align: left;}
	.social-footer{margin: 0;}
	
	.bannercaption{padding-top: 3%;}
	.bannercaption h2{font-size: 37px;line-height: normal;}
	.bannercaption h1{font-size: 45px;line-height: 1.3;}
	#carouselmainSlide .carousel-control-next img, 
	#carouselmainSlide .carousel-control-prev img{width: 45px;}
	
	.content-box.productcontent .container{overflow: hidden;}
	.slideproducts .slick-list{overflow: inherit;}
	.slideproducts .slick-next{right: -10rem;}
	.slideproducts .slick-prev{left: -10rem;}
	
	.icon-buy img {max-width: 40%;}
	.icon-transport img {max-width: 100%;}
	.bankpay{margin-bottom: 0;}
	
	.textservice-left {padding-right: 8%;}
	.tabdealer ul.nav-pills{justify-content: center;}
	.readmore-btn.readpro{float: right;margin: 0;}
	.title-box.subrelated{text-align: left;margin: 0;}
}
@media (min-width: 992px) { 
	.headbar-main{
		padding: 0rem 0;
		background: linear-gradient(240deg,rgba(36, 34, 100, 1) 0%, rgba(36, 34, 100, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%);
	}
	#nav-icon3{display: none ;}
	.navbar-brand img{width: auto;max-width: 100%;}
	.hamburgers-box{justify-content: space-between;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 95%;
		justify-content: flex-end;
	}
	
	.navbar-nav li{
		width:auto;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.navbar-nav li a{
		padding: 17px 10px;
		text-align: center;
	}
	
	
	
	.navbar-nav li .dropdown-menu{
		min-width: 12rem;
		width: 100%;
		left: 0;
		right: 0;
		margin: 0;
		top: 100%;
		padding: 0;
		transition: all 0.6s;
		font-size: .8rem;
	}
	.navbar-nav li .dropdown-menu a{
		justify-content: flex-start;
		text-align: left;
		transition: all 0.6s;
		padding: 10px;
		text-transform: uppercase;
	}
	.navbar-nav li .dropdown-submenu .dropdown-menu{
		top: 0%;
		left: 100%;
		right: auto;
		position: absolute;
		width: auto;
		min-width: 12rem;
		background: #f5f5f5;
		padding-left: 0;
	}
	.navbar-nav li .dropdown-submenu .col-12:hover > .dropdown-menu{display: block;}
	.navbar-nav li .dropdown-submenu .col-12{
		position: relative;
	}
	.navbar-nav li.dropdown:hover > .dropdown-menu{display: block;}
	
	
	.policy-box ul{
		display: flex;
		align-items: center;
	}
	.social-header{
		text-align: right;
		margin: 0;
		padding: 0;
	}
	.headcontact-box{padding: .75rem 0; display: block;}
	.headcontact-box ul{
		display: flex;
		color: #242264;
		align-items: center;
		justify-content: flex-end;
	}
	.headcontact-box ul li.active,
	.headcontact-box ul li:hover{color: #0080ff;}
	.headcontact-box ul li:first-child{border-right: 1px solid #e9e6e6;}
	.headcontact-box ul li {
		margin: 0 20px 0 0;
		padding-right: 20px;
	}
	.headcontact-box ul li:last-child {margin: 0;padding: 0;}
	
	.title-box h1,
	.text-abouthome h1{font-size: 35px;}
	.text-abouthome p{font-size: 1.2rem;}
	.slideproducts .slick-prev, .slideproducts .slick-next {
    	width: 45px;
		height: 45px;
	}
	.slideproducts .slick-next { right: 1.5rem;}
	.slideproducts .slick-prev { left: 1.5rem;}
	
	.product-box{padding: 2rem;}
	.formcontact{padding: 4rem 3rem;}
	
	.iconfulldetails .col-lg-2{width: 20%;}
	.icon-buy img {max-width: 55%;}
	
	.textservice-left{padding-right: 0;}
	
	
	.textservice-center h1,
	.textservice-left h1,
	.textservice-center2 h1,
	.textservice-left h2{font-size: 33px;}
	
	.taglinecenter h1,
	.textservice-center2 h1 span,
	.textservice-left h2 span.colorredone{font-size: 40px;}
	
	.textservice-left p{font-size: 18px;}
	.textservice-left span.colorskytwo,
	.textservice-left span.colorredtwo{font-size: 20px;}
	
	.taglinecenter h3{font-size: 24px;}
	.textservice-center h3,
	.taglinecenter h2{font-size: 26px;}
	.textservice-center2{margin-top: 2rem;}
	.textservice-center h2{font-size: 20px;}
	
	.text-abouthome.textaboutpage{padding-right: 5%;}
	.image-animation {height: 515px;}
	
}
@media (min-width: 1200px) {
	html{ font-size:18px; } 
	.headbar-main{
		background: linear-gradient(240deg,rgba(36, 34, 100, 1) 0%, rgba(36, 34, 100, 1) 74%, rgba(255, 255, 255, 1) 74%, rgba(255, 255, 255, 1) 100%);
	}
	.navbar-nav li a {
        padding: 21px 15px;
    }
	
	.bannercaption h1{font-size: 65px;line-height: 1.2;}
	.bannercaption h2{font-size: 53px;}
	
	.text-pro h1 {
		font-size: 22px;
		height: calc(1rem * 1.4 * 2);
	}
	.social-box img,
	.social-footer img,
	.social-header img{width: 45px;}
	.icon-buy h1{font-size: 24px;}
	.text-abouthome.textaboutpage{padding-right: 0%;}
	.image-animation {height: 730px;}
}

@media (min-width: 1440px) {
	html{ font-size:20px; } 
    .container{ max-width: 1336px; }
	.headbar-main{
		background: linear-gradient(240deg,rgba(36, 34, 100, 1) 0%, rgba(36, 34, 100, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 100%);
	}
	.navbar-nav li a {padding: 27px 23px;}
	
	.title-box h1, 
	.text-abouthome h1 {
        font-size: 45px;
    }
	.title-box h2{font-size: 28px;}
	.bannerpage{padding: 3% 0 7%;}
	.bankpay h1{font-size: 24px;}
	
	.textservice-center h1, 
	.textservice-left h1, 
	.textservice-center2 h1, 
	.textservice-left h2 {
        font-size: 40px;
    }
	.textservice-center h2 {font-size: 22px;}
	.textservice-center h3, 
	.taglinecenter h2 {
        font-size: 33px;
    }
	.taglinecenter h1, 
	.textservice-center2 h1 span, 
	.textservice-left h2 span.colorredone {
        font-size: 55px;
    }
	.taglinecenter h3{font-size: 30px;}
	.textservice-left p {font-size: 20px;}
	.textservice-left span.colorskytwo, 
	.textservice-left span.colorredtwo {
        font-size: 24px;
    }
	.navbar-nav li .dropdown-menu a img{width: 80px;}
}

@media (min-width: 1600px) { 
    .container{ max-width: 1440px; }
	.headbar-main{
		background: linear-gradient(240deg,rgba(36, 34, 100, 1) 0%, rgba(36, 34, 100, 1) 76%, rgba(255, 255, 255, 1) 76%, rgba(255, 255, 255, 1) 100%);
	}
	.navbar-brand {text-align: center;}
	.navbar-brand img {
        max-width: 60%;
    }
	.navbar-nav li a {padding: 20px 29px;}
	
	.bannercaption h2{font-size: 63px;}
	.bannercaption h1{font-size: 75px;}
	.title-box h1, 
	.text-abouthome h1 {
        font-size: 53px;
    }
	.slideproducts .slick-prev, 
	.slideproducts .slick-next {
        width: 55px;
        height: 55px;
    }
	.slideproducts .slick-next {
        right: 0rem;
    }
	.slideproducts .slick-prev {
        left: 0rem;
    }
	.textservice-center2 p{padding: 0 17%;}
	.bannerpage {
        padding: 5% 0;
        background-position: top center;
    }
	.text-abouthome.textaboutpage{padding-right: 5%;}
	.image-animation {height: 858px;}
	
}
@media (min-width: 1800px) {
	
	.headbar-main {
        background: linear-gradient(240deg, rgba(36, 34, 100, 1) 0%, rgba(36, 34, 100, 1) 73%, rgba(255, 255, 255, 1) 73%, rgba(255, 255, 255, 1) 100%);
    }
	.bannercaption { padding-top: 3%;}
	.image-animation {height: 992px;}
}
@media (min-width: 2000px) {
	.headbar-main {
        background: linear-gradient(240deg, rgba(36, 34, 100, 1) 0%, rgba(36, 34, 100, 1) 71%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%);
    }
	.bannercaption { padding-top: -1%;}
	.image-animation {height: 1080px;}
	
}