@media (min-width: 768px) {
	html { font-size:14px;}
	.navbar-brand img {
    width: auto;
}
	.navbar{
		position: fixed;		
	}
    .hamburgers-box {
        width: auto;
    }
    .navbar-collapse ul li {
        padding: 5px 9px 5px;
        font-size: 12px;
        transition: all 0.5s;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0rem;
        padding-left: 0rem;
    }
    .navbar-collapse ul li:hover, .navbar-collapse ul li.active {
        position: relative;
        z-index: 0;
    }
	.navbar-collapse ul li.active:before {
		color: #CCC;
	}
	.navbar ul li:last-child:before{
		content: "";
	}
	.navbar ul li:last-child:hover{
		 border-bottom: 1px solid #CCC;
	}
	.navbar-collapse ul li:before {
      content: '|';
      position: relative;
      z-index: -1;
      left: -15px;
		color: #CCC;
     /* right: 0;
      bottom: 0;
      height: 0;
      border: 2px solid #ec1d24;
      border-radius : 10px;*/
    }
	.navbar-collapse ul li{
      border-bottom: 1px inset #CCC;
    }

    .navbar-collapse ul li:hover,.navbar-collapse ul li.active{
      border-bottom: 6px solid #007eed;
    }
    .social-mobile {
        width: 20%;
    }
    .social-mobile img{
        width: 1.3rem;
    }

    .headbar-top {
        /*padding: .5rem 0;*/
		padding: 4rem 0 1rem 0;
    }
    .contact-bar{
        font-size: 17px;
    }
    .title-box h1 {
        font-size: 49px;
    }
    .title-box p {
        padding-right: 4rem;
        font-size: 22px;
    }
    .aboutbox1 {
        margin: 0 auto;
    }
    .title-product h1 {
        font-size: 24px;
    }
    .product-box p {
        height: 40px;
    }
    .product-box p.gray-text-color, .product-box p.red-text-color {
        height: auto;
    }
    .category-product h1 {
        font-size: 24px;
    }
    .category-product {
        margin: 2rem auto;
    }
    .category-product ul {
        list-style: none;
        margin: 2rem auto;
    }
    .category-product  ul li{
        margin: 10px 0;
        position: relative;
        border-bottom: 1px solid #CCC;
    }
    .category-product  ul li .icon-arrow{
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .category-product  ul li:hover{color: #ec1d24;}
    .category-product  ul li .icon-arrow.icon-bottom{
        opacity: 0;
        transition: all 0.5s;
    }
    .category-product  ul li:hover .icon-arrow.icon-bottom{
        opacity:1;
    }
    .category-product  ul li .icon-arrow.icon-top{
        opacity: 1;
        transition: all 0.5s;
    }
    .category-product  ul li:hover .icon-arrow.icon-top{
        opacity:0;
    }
    .footer {
        text-align: left;
        padding: 5% 0 2% 0;
        font-size: 16px;
    }
    .logo-footer img{
        width:  100%;
    }
    .contact-footer {
        margin: 0rem auto 0;
        margin-left: 2rem;
    }
    .menu-footer ul li{
        padding: 5px 0;
    }
    .menu-footer ul li:hover a{
        color: #ec1d24;
    }
    #slide-zone .carousel-caption {
        top: 13rem;
        left: 5.5rem;
    }
    .about-contentbox .img-about-left {
        left: 2rem;
        width: auto;
    }
    .title-box {
        padding-left: 2rem;
    }
    .contact-footer ul li.spacing-footer{
        padding-left: 2.5rem;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px) {
	html { font-size:16px;}
    .navbar-collapse ul li {
        padding: 5px 10px 5px;
        font-size: 17px;
    }
    .social-mobile {
        width: 20%;
    }
    .social-mobile img {
        width: 1.5rem;
        transition: all 0.5s;
    }
    .social-mobile img:hover {
        transform: translateY(-5px);
    }
    .contact-bar {
        font-size: 18px;
        text-align: right;
    }
   
    #slide-zone .carousel-caption {
        top: 17rem;
        left: 7.5rem;
        width: 14%;
        font-size: 18px;
    }
    .title-box p {
        padding-right: 18rem;
    }
    .title-box h1 {
        font-size: 55px;
    }
    .about-contentbox .img-about-left {
        left: 2.5rem;
    }
    .title-box {
        padding-left: 4rem;
    }
    .category-product ul li {
        margin: 20px 0;
        font-size: 20px;
    }
    .title-product {
        margin: 3rem auto;
    }
    .category-product {
        margin: 3rem auto;
    }
    .product-box {
        font-size: 15px;
    }
    .contact-footer {
        margin-left: 5rem;
    }
    .copyright-box {
        padding: 8px 0 22px;
    }
    .logo-footer img {
        width: auto;
    }
} 
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
	html { font-size:18px;}
    .container{
        max-width: 1230px;
    }
    .headbar-top {
        padding: 4rem 0 1rem 0;
    }
    .social-mobile img {
        width: auto;
    }
    .navbar-collapse ul li {
        padding: 5px 15px 5px;
        font-size: 22px;
    }
    #slide-zone .carousel-caption {
        top: 27rem;
        left: 11rem;
        width: 10%;
        font-size: 20px;
    }
    .title-box p {
        padding-right: 26rem;
        font-size: 24px;
    }
    .title-box h1 {
        font-size: 65px;
    }
    .aboutbox1 {
        font-size: 23px;
    }
    .questionbox ul {
        font-size: 20px;
    }
    .category-product h1, .title-product h1 {
        font-size: 28px;
    }
    .category-product ul {
        list-style: none;
        margin: 5rem auto;
    }
    .title-product {
        margin: 3rem auto 5rem;
    }
    .product-box p {
        font-size: 18px;
    }
    .product-box h1 {
        font-size: 20px;
    }
    .detail-product {
        padding: .5rem 1rem;
    }
    .footer {
        font-size: 20px;
    }
    .footer h1{
        font-size: 24px;
    }
    .contact-footer ul li.spacing-footer {
        padding-left: 3rem;
    }
    .contact-footer ul li{
        padding: 5px 0;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1700px) {  
    #slide-zone .carousel-caption {
        top: 32rem;
        left: 14rem;
        width: 12%;
        font-size: 24px;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 2000px) {
}