.float{
	position:fixed;
	width:60px;
	height:60px;	
	bottom:40px;
	right:40px;
	border-radius:50px;
	text-align:center;
	  font-size:30px;
	box-shadow: 2px 2px 3px #999;
	  z-index:100;
}

.my-float{
	margin-top:16px;
	width: 60px;
	height: 40px;
}

@media (min-width: 768px) { 
	html{font-size: 18px;}	
	.navbar-brand img, .navbar-logofooter img{width: 100px;	}
	.navbar-collapse{width: 50%;}	
	#nav-icon3{width: 35px;}
    .footer{padding: 5% 0;}	
	.copyright-box{padding:15px 0;}
	.content-box{padding: 7% 0;}
	#slide-zone .banner-slide{height: auto;}
	.img-box2{margin: 0;}
	.content-box2 .row{align-items: center;}
	.contact-footer{margin: 0;}
	.navbar-logofooter{margin: 0; text-align: left;}
	.contact-footer{margin-right: -20px;}
	.message-contact{
		padding: 1rem 1.5rem;
		margin: 0;
	}
	.slide-about{margin: 0;}
	.project-box {
		height: 345px;
	}

	.product-box{
		height: 350px;
		overflow: hidden;
	}
	.img-pro{
		height: 100%;
	}
	.text-img-pro{
		font-size: 1.2rem;
	}


}
@media (min-width: 700px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){ 
	.headbar-main{
		padding: 0rem 0;
		position: fixed;
		background-color: #FFF;
	}
	.slim.headbar-main{background-color: #FFF;}
	.navbar-brand{
		width: auto;
		padding-left: 0;
	}
	.hamburgers-box{justify-content: flex-start;}
    .navbar-expand-lg .navbar-collapse{
		width: 100%;
		justify-content: flex-end;
	}
    .navbar-expand-lg .navbar-nav{width: 100%; }
    .navbar-collapse ul{list-style: none;}
    .navbar-collapse ul li {
        width: auto;
        margin: auto;
		padding: 0;
		font-size: 1rem;
		color: #660d0d;
    }
	.content-fullpage .navbar-collapse ul li, .content-fullpage .navbar-collapse ul li a{color: #505863;}
    .navbar-collapse ul li a{
        padding:0 10px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
		color: #630b0b;
        height: 40px;
        overflow: hidden;
    }  	
	.navbar-collapse ul li.active a, .navbar-collapse ul li a:hover{
		color: #ec0707;
	}	
	
	.content-fullpage .navbar-collapse ul li a:hover, .content-fullpage .navbar-collapse ul li.active a{color: #080808;}
	.navbar-collapse ul li .dropdown-menu a:hover, .content-fullpage .navbar-collapse ul li .dropdown-menu a:hover{
		color: #505863;
		background: #FFF;
	}
	
	.slim .navbar-collapse ul li, .slim .navbar-collapse ul li a, 
	.slim .content-fullpage .navbar-collapse ul li a{color: #505863;}	
	.navbar-collapse ul li .dropdown-menu a, .content-fullpage .navbar-collapse ul li .dropdown-menu a{color: #FFF;}
	.slim .navbar-collapse ul li .dropdown-menu a{color: #FFF;}
	
	/*.slim .navbar-brand img{width: 70px;}*/
	.navbar-collapse ul li span{
        display: block;
        transition: all 0.5s;
    }
    .navbar-collapse ul li p{
       display: block;
        margin-top: 2rem;
        transition: all 0.4s;
    }
    .navbar-collapse ul li a:hover span{margin-top: -1.28rem; opacity: 0;}
    .navbar-collapse ul li a:hover p{margin-top: -.5rem;}
	.navbar-brand img, .navbar-logofooter img{width: 120px;	}
	
	.navbar-collapse ul li .dropdown-menu{
		min-width: 12rem;
		background: rgb(0 0 0 / 75%);
	}
	.navbar-collapse ul li .dropdown-menu a{border-bottom: 1px solid rgb(255 255 255 / 30%);}
	.navbar-collapse ul li .dropdown-menu a:last-child{border-bottom: none;}
	.navbar-collapse ul li.dropdown-submenu .dropdown-menu{padding-left: 0;}
	
    .navbar-collapse ul li .dropdown-submenu .dropdown-menu{
        position: absolute;
        right: -100%;
		left: auto;
		top: 20%;
        margin: 0 !important;
    }        

	/* width */
	.dropdown-menu::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	.dropdown-menu::-webkit-scrollbar-track {
	  background: #f1f1f1; 
	}

	/* Handle */
	.dropdown-menu::-webkit-scrollbar-thumb {
	  background: #888; 
	}

	/* Handle on hover */
	.dropdown-menu::-webkit-scrollbar-thumb:hover {
	  background: #555; 
	}
	.dropdown:hover > .dropdown-menu{display: block;}
	.dropdown-submenu:hover>.dropdown-menu{display: block;}
	
	
	.policy-box ul{
		display:flex;
		justify-content: center;
		align-items: center;
		text-align: left;
	}
	.slim .navbar-collapse ul li.active a, .slim .navbar-collapse ul li a:hover{
		color: #f50d0d;
	}
	.slim .navbar-collapse ul li .dropdown-menu a:hover{
		color: #c74238;
	}
	.content-fullpage .slim .navbar-collapse ul li .dropdown-menu a{
		color: #FFF;
	}
	.content-fullpage .slim .navbar-collapse ul li .dropdown-menu a:hover{
		color: #505863;
	}
	.address-footer{padding-right: 10%;}
	.contact-footer{margin-right: 0px;}
	.title-other{font-size: 30px;}
	.mapbox{height: 420px;}
	.catalog-download{width: 200px;}
	
}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size:20px;}
    .container{ max-width: 1180px; }	 
	.title-box{font-size: 1.6rem;}
	.footer h1, .contact-footer h1, .address-footer h1{font-size: 23px;}
	.address-footer h2{font-size: 22px;}
	.slide-about{height: 100%;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    .container{ max-width: 1336px; }
	 
	.whyshoose-box h1{font-size: 21px;}
	.title-other{font-size: 33px;}

}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
	.detail-text{font-size: 22px;} 
	.catalog-download{margin: 1rem auto;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    .container{ max-width: 1440px; } 
	.title-box{font-size: 38px;}
	.title-other{font-size: 42px;}
	
	
	
}