@media screen and (max-width:1920px){
   .navbar-fixed-top{ width: 50%;
    margin-left: 26%;
    border-radius: 7px;
    padding-left: 11%;}
}


@media screen and (max-width:1680px){
    
    .box-import {height: 115%;   margin-top: 46px;}
    .stack-top2 {  left: 7%;}
    .name-import{    margin-top: 94%;}
    
    .text-block {
    width: 25%;
    position: absolute;
    bottom: 15%;
        right: 21%;}
    
    .navbar-fixed-top{padding-left: 8%;}
    
}


@media screen and (max-width:1536px){
    
       .navbar-fixed-top {
        padding-left: 6.5%;} 
}

@media screen and (max-width:1440px)
{   
    
    .navbar-fixed-top {
        padding-left: 5.5%;}
    
    .text-block {
    width: 30%;
    position: absolute;
    bottom: 10%;
        right: 13%;}
        
        
/*
.navbar-fixed-top{ width: 81%;
    margin-left: 10%;
    border-radius: 7px;
    padding-left: 5%;}
*/
    
    #container-white-home {
        margin-top: 0%;}
    
    .logo-img {
    width: 20%;
    margin-top: -6%;
    margin-bottom: -72px;
    
}
    
    .carousel-caption {
    top: 25%;
    left: -30%;
        height: 233px;}

}


@media screen and (max-width:1400px)
{   
    
    .navbar-fixed-top {
        padding-left: 4.5%;}
}



@media screen and (max-width: 1366px) {	
	.logo a {
		font-size: 2.4em;
	}
	.header-bottom {
		padding: 1.8em 0;
	}
    
    .navbar-fixed-top{padding-left: 4%;}

}

@media screen and (max-width: 1280px) {	
    
    .text-block {
    width: 33%;
    position: absolute;
    bottom: 3%;
    right: 10%;
    }
    
	.logo a {
		font-size: 2.3em;
	}
	.header-bottom {
		padding: 1.8em 0;
	}
    
    #container-white-home {
    margin-top: 0%;
}
    
    .navbar-fixed-top {
    width: 64%!important;
    margin-left: 20%!important;
    border-radius: 7px;
    padding-left: 4%;}
    
    .goal-vision {
    margin: 62px 6%;
        width: 47%;}
    
    .title-vision{    padding-left: 12px;}
    
    
	
}

@media screen and (max-width: 1024px) {	
    
    .text-block {
      width: 50%;
    position: absolute;
    bottom: -1%;
    right: 4%;}
    
    .title-banner{    padding-right: 40%;}
    
    .boxabout{    height: 69%;}
    
    .name4{    margin-top: 55%;}
	
	.logo a {
		font-size: 2em;
	}
    
    .navbar-fixed-top {
    width: 77%!important;
    margin-left: 14%!important;
    }

.carousel-caption {
    top: 25%;
    left: -30%;
    height: 233px;}
    
    
    #container-white-home {  margin-top: 0%; margin-bottom: -11%;}
    
    #container-white{padding-top: 7%;}
    
    .box { height: 78%; }
    
    .boxnews { height: 41%; }
    
    
    .box-about{height:  67%}
    
  .container-image3 {height: 533px;}
    
    .box-full{width: 82%;}
    
    
.container-image4 {height: 399px; margin-top: -11%;}
        
    .name {font-size: 16px;}
    
.wrap-contact100 { width: 100%;}
    
    
.box-product { width: 100%; height: 75%;}
    
    .box2 {
    width: 100%;
    height: 78%;
    position: absolute;
    margin-top: 22px;
        left: 4px;}
    
    .box-import {
    width: 100%;
    height: 93%;
    position: absolute;
    margin-top: 47px;
        left: 7px;}
    
    .name-import {
    font-size: 13px;
    margin-left: 10%;
        margin-top: 90%;}
    
    .goal-vision {width: 50%;}
    
.footer-single2 {
    margin-left: 21%;}
    
}



@media screen and (max-width: 800px) {
    
    .more-about{    margin-top: 4%;
    margin-left: 1%;}
    
    .type-prod {
        font-size: 30px;}
    
    .text-block {
    width: 100%;
    position: absolute;
    bottom: -8%;
    right: 0%;
    color: white;
    padding-left: 4%;
    padding-right: 3%;
    padding-bottom: 45px;
        text-align: justify;}
    
    .title-banner {
    padding-right: 4%;
    text-align: center;
    margin: 0%;
    border-width: 3px;
    color: #ffffff;
    margin-top: 7%;
        font-size: 30px;
        border-left: 0px;}
    
    .goal-banner {
    font-size: 14px;
    padding-bottom: 4%;
        text-align: center;}
		
	.logo a {
		font-size: 1.8em;
	}
	.header-bottom {
		padding: 1.5em 0;
	}	
    
.navbar-fixed-top {
    width: 84%!important;
    margin-left: 9%!important;}
    
    .navbar-nav li a {  font-size: 15px;}
        
    #container-white-home { margin-top: 0%; margin-bottom: 0;}
    
    .box-product {width: 100%; height: 60%;}

    
    .box{height: 92%;}
    
    .boxnews { height: 51%; }
    
    .column { width: 50%;}
    
    .container-image2 {width: 65%; height: 298px;}
    
    .paragraph {
    padding-right: 0;
    padding-left: 0%;
     margin: 1px;}
        
    .col-sm-6 {
        width: 33%;}
    
    .footer-single2 {
        margin-left: 12%;}
    
    .line{width: 100%;}
    
    .box-import {
    height: 58%;
    margin-top: 32px;
    left: -3%;}
   
    .name-import{margin-top: 97%;}
    
    .boxabout{  height: 72%;}
    
    .container-image {
    width: 78%;
    height: 400px;
    position: relative;
    margin: 51px;
    margin-top: 80px;}
    
    .box2 {
    width: 100%;
    height: 63%;
    position: absolute;
    margin-top: 22px;
    left: 0px;
    }
    
    .name {
   font-size: 17px;
        margin-top: 100%;}
    
    .box-about { height: 53%;}
    
    .box-full {width: 100%; height: 80%;}
    
    .name4 { font-size: 18px; margin-top: 45%;}
}




@media screen and (max-width:768px){
    
    .logo-img {
    width: 23%;
        margin-top: -9%;}
    
    .type-prod {
        font-size: 25px;}
        
    .carousel-caption {
    top: 32%;
    left: -30%;
        height: 190px;}
    
    #container-white-home {
        margin-top: 0%; height: auto;}
    
    .column {
    float: left;
        width: 50%;}
    
    .first {
    width: 100%;
    padding-left: 2%;
     padding-right: 2%;}
    
    .second{ width: 100%;}
    
    .navbar-fixed-top {
    width: 87%!important;
    margin-left: 7%!important;}
        
    .container-image { width: 51%;  height: 338px; position: relative; margin: 141px; margin-top: 120px;}

    .boxabout {height: 114%;}
    
    .container-image2 {  width: 73%; margin: 34px;}
    
    .box {  height: 100%;}
    
    .boxnews { height: 58%; }
    
    .stack-top{  left: 7%;}
    
    .box-import {  height: 65%;}
    
    .box-about{height: 52%;}
    
    .box-full {  width: 100%; height: 81%;}
    
    .name {  font-size: 16px;}
    
    .column-contact {width: 100%;}
    
    .wrap-contact100 {padding-left: 0;}
    
    .contact100-form{padding-right: 4%;}
    
    .col-sm-6 { width: 100%;}

    .footer-single2 {margin-left: 0%;}
    
    .copyright {text-align: left;}
    
    .more-about{ margin-left: 0%; margin-top: 3%;}
    
    .title-product{ margin-top: 9%; margin-bottom: 5%;}

        
}


@media screen and (max-width:660px){
    
    .more-about {
        margin-left: 4%;}
    
/*
    .hidehistory{display: block;}
    .hidehistory1{display: none;}
*/

    
    .paragraph{    padding-right: 43px;
    padding-left: 4%;
}
    .paragraph-history{       padding-left: 0%;
    padding-right: 1%;
    text-align: justify;
}
     
    .navbar-fixed-top {
    width: 100%;
    margin-left: -2%;
    border-radius: 7px;
        font-size: 16px;
        background-color: transparent;}
        
    
     .navbar-toggle{      margin-top: 5%; background-color: #d2d0d0ad; cursor: pointer;}
    
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{background-color: rgba(0, 0, 0, 0.84);     margin-left: 4%;
}
        
    
    .box { height: 88%;}
    
    .boxnews { height: 45%; }
    
    .boxabout {height: 93%;}
    
    .box-import { height: 86%;}
    
    .col-sm-6 {width: 100%;}
    
    .footer-single2 { margin-left: 0%;}
    
    .copyright{text-align: left;}
    
    .box-about {height: 63%;}
    
    .box-full { width: 100%; height: 69%; left: 2%;}
    
    .column-about {margin: -53px -5px;}
    
    .container-image3 { height: 367px;}
    
    .column-import-2 { width: 50%;}
    
    .container-product {  height: 278px;}
    
    .box-product {    height: 97%; margin-top: 13%;}
    
    .goal-vision {width: 80%;}
    
    .text-block { bottom: -15%;}
    
    .container-image {width: 50%;}
    
    .column-import { width: 50%;}
/*
    .carousel-caption {
    top: 12%;
    left: -30%;
        height: 190px;}
    
    #container-white-home {
        margin-top: 0%;}
    
    .first {
    width: 100%;
    padding-left: 2%;
     padding-right: 2%;}
    
    .second{ width: 100%;}
*/

        
}

@media screen and (max-width: 480px) {	
    
    .more-about {
        margin-left: 4%;}
    
    .type-prod {
    font-size: 22px;}
    
    .navbar-fixed-top {
    width: 100%;
    margin-left: -2%%;
    border-radius: 7px;
        font-size: 16px;
        background-color: transparent;}
        
    .navbar-toggle{    margin-top: 4%; background-color: #d2d0d0ad; cursor: pointer;}
    
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{background-color: rgba(0, 0, 0, 0.84);}
        
	.logo a {
		font-size: 1.6em;
	}
	.social-icons {
		width: 100%;
		text-align:center;
		margin-top:15px;
	}
     .modal-content {
    width: 100%;
  }
    
    .logo-img {
    width: 50%;
    margin-top: -18%;
        margin-bottom: -84px;}
    
    .carousel-caption {
    top: 16%;
    left: -26%;
        height: 173px;}
    
    .first {
        width: 100%;}
    
    
    .second{width: 100%;
    margin-top: 0;}
    

.container-image {
    width: 80%;
    margin: 56px;
    margin-left: 6%;
    margin-bottom: 22%;}

    
    .box {  width: 100%;  height: 100%;}
    
    .boxnews { height: 62%; }
    
    .name { font-size: 19px; margin-top: 100%;}
    
    .box-product { height: 93%;}

    .container-image2 { width: 77%;   height: 394px;}


    
    #container-white-home {
      height: auto;
    WIDTH: 100%;
    MARGIN-LEFT: 0;
    }
    
    .column-import { width:100%;}
    
    .column-import-2 {width: 100%;}

    
    .box-import {
    width: 100%;
    height: 99%;
    position: absolute;
    margin-top: 39px;
        left: 10px;}
    
    .name-import {
       font-size: 17px;
    text-align: left;
    margin-left: 7%;
    font-weight: 700;
    z-index: 9;
    margin-top: 97%;
}
    
    .container-product {
        height: 410px; margin: 41px;}
        
        
    .footer-single2 {
        margin-left: 0;}
        
        .footer h3 {
            PADDING-TOP: 6%;}

  
     .copyright { text-align: left; width: 82%;}
    
    
    #slider .carousel-inner .item {height: 0;}
    
    #slider .carousel-inner .item {
        height: auto;
        margin-top: 0;}
    
     .column {
    width: 100%;
  }
    
    .goal-vision {
    margin: 25px 1%;
    /* background-color: #0000009e; */
    width: 100%;
    padding: 1%;
}
    
    .column-about {
    float: left;
    width: 100%;
    padding: 2%;
    margin: -40px -13px;
    }
    
    .boxabout {height: 120%;}

    
     .container-image3 {height: 490px;}
    
    #goal{  width: 100%; margin-left: -9px;}
    

        .box-about {
            height: 81%;}
    
    .box-full {
    width: 100%;
    height: auto;
    position: absolute;
    margin-top: 30px;
        left: -1px;}
    
    .stack-top4 {
    z-index: 9;
    margin: -6px;
        left: 5%;}
        
    .container-image4 {
    width: 89%;
    height: 227px;
    position: relative;
    margin: 19px;
        margin-top: -1%;}
    
    .name4{  margin-top: 40%; padding-bottom: 6px; font-size: 19px;}

.column-contact {
    width: 100%;}

    
    .wrap-contact100 {
        width: 100%;}
    
/*
    #container-white-contact {
    margin-top: -97%;
    padding-top: 19px;
}
*/
    .contact100-form-title {
        padding: 25px 0 22px 30px;}
    
    .column-details-first {
    width: 100%;
    }
    
    .column-details-second {
        width: 100%;}

    .column-details {
    float: left;
    width: 100%;
    padding: 8%;
    padding-top: 4%;
    background-color: #f3f3f3;
    margin: 0;
    height: 260px;
    margin-bottom: 1%;
        margin-top: 1%;}
    
    
   .goal {
       font-size: 16px;}
    
    .text-block {
    width: 100%;
    position: absolute;
    bottom: -29%;
    right: 0%;
    color: white;
    text-align: justify;
    padding: 11%;
        font-size: 11px;}
    
    .goal-banner {
    font-size: 12px;
    padding-bottom: 1%;
        text-align: center;}
    
    .title-banner{font-size: 20px;}
    
    .title{font-size: 30px;}
    .title-mission{font-size: 30px;}
    .title-vision{font-size: 30px;}
    .title3{font-size: 30px;}
    .title-product{font-size: 30px;}
    
    .text-block-details{right: 40%;}
    

    
/*
    #container-white-product {
    background-color: white;
    box-shadow: 0px 2px 5px #d0cfcfd1;
    padding-top: 2%;
    margin-top: -77%;
        padding-bottom: 5%;}
*/

}

@media screen and (max-width :414px){
    
    .box { height: 87%;}
    
    .boxnews { height: 53%; }
    
    .box-import {height: 87%;}
    
    .box-about {height: 74%;}
    
    .title3{  margin-top: 12%; margin-bottom: 12%;}
    
    .box-product { height: 83%;}
    
    .name-product { font-size: 18px;  margin-left: 9%;}
    
    .title-product{margin-top: 11%; margin-left: 6%;}
    
    .first{ padding-left: 0%; padding-right: 0%;}
    
    .boxabout {  height: 100%;}
    
    #goal { margin-left: 1px;}
    
    .text-block{width: 100%;
    position: absolute;
    bottom: -22%;
    right: 0%;
    color: white;
    text-align: justify;
    padding: 11%;
    font-size: 10px;}
    
    .goal{  text-align: justify; font-size: 12px;}
    
    .title-banner { font-size: 13px;}

    
    
}

@media screen and (max-width:375px){
    .type-prod {
        font-size: 16px;}
    .text-block{    bottom: -30%;}
}


@media screen and (max-width:360px){
    .type-prod {
    font-size: 16px;}
    
    .carousel-caption h2 { font-size: 24px;}
    
    .carousel-caption p { font-size: 12px;}
    
    .boxabout { height: 93%;}
    
    .box {  height: 100%;}
    
    .boxnews { height: 57%; }
    
    .box-import{height: 96%; left: 0%;}
    
    .box-about { height: 62%;}
    
    .text-block { bottom: -15%; padding: 7%;   font-size: 9px;}
    
    .box-product {  height: 98%; left: -4%;}
    
    .container-product { height: 300px; margin: 38px;}
    
    .container-image2 {width: 75%; height: 300px;}

    .goal{font-size: 10px;}
    
}



@media screen and (max-width: 320px) {	
    
    
	.logo a {font-size: 1.4em; letter-spacing: 3px;}
    
	.header-bottom {    padding: 0.6em 0 3em 0;}
    
    .carousel-caption {  left: -18%;}
    
    .boxabout {height: 81%;}
    
    .title {  font-size: 31px;}
    
    .title2 {  font-size: 31px;}
    
    .title-product {  font-size: 31px;}
    
    .box {height: 90%;}
    
    .boxnews { height: 50%; }
    
    .box-import { height: 86%; left: -3%;}
    
    .text-block { bottom: -6%; padding: 4%;  font-size: 8px;}
    
    .box-about { height: 78%; left: 2%;}
    
    .container-image3 {height: 350px;}
    
    .box-product { height: 89%;}
        
     .modal-content {
    width: 100%;
  }
    
}