/* lg */
@media (min-width: 1200px) {
    .custumor_text{
  padding-top:30px;
  font-size:45px;
  color: white;

}
      .company_hub{
     margin-left: 280px;
  }
  .index_text_head{
    margin-left: 360px;
}
}


/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    .custumor_text{
  padding-top:30px;
  font-size:45px;
  color: white;

}
  .usefulLinks{
   padding-top:20px;
  font-size: 20px;
  padding-left: 340px;
  width:80%;
  margin-bottom: 20px;
  font-size: 18px;
}
  .company_hub{
     margin-left: 280px;
  }
  .index_text_head{
    margin-left: 360px;
}

.usa{
	margin-right: 0;
}

.shipping img{
	width: 100%;
}

.searchform input{
	width: 160px;
}

.product-information span span{
	width: 100%;
}

#similar-product .carousel-inner .item img{
	width: 65px;
}

#cart_items .cart_info .cart_description h4,
#cart_items .cart_info .cart_description p{
	text-align: center;
}

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.single_post{
  width:100%;
  border-style: none none dotted none;
  border-width: thin    ;
  margin-left: 0px;
  border-color: #5A9BD5
}
 .post_header{
  padding-top:20px;
  font-size: 28px;
  color:#EC9F83;
  width:100%;
  margin-bottom: 20px;
}
 .post_content{
  padding-top:5px;
  font-size: 22px;
  width:100%;
  margin-bottom: 50px;
}


  .usefulLinks{
   padding-top:20px;
  font-size: 20px;
  padding-left: 260px;
  width:80%;
  margin-bottom: 20px;
  font-size: 18px;
}
.company_hub{
  text-align:center;
  width:80%;
  font-size:20px;
  margin-left:120px;
}
.index_text_head{
    color:#FE980F;
    font-size:26px;
     margin-left:180px;
}


  .warehouse_text{

  padding-top:30px;
  font-size:35px;
}

.warehouseContext{

  padding-top:20px;
  font-size: 20px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}

.procurement_img{
   width:40%;
    height:0px;
    padding-right:40px;
}
  .procurement_text{

  padding-top:55px;
  font-size:35px;
}

.procurementContext{

  padding-top:20px;
  font-size: 20px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .landFreight_text{
  padding-top:30px;
  font-size:35px;
  color: white;

}
.landFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}

.landContext{

  padding-top:20px;
  font-size: 20px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}



  .seaFreight_img{
   width:0%;
    height:0px;
    margin-right: 1000px;
}
  .seaFreight_text{

  padding-top:30px;
  font-size:50px;
}

.seaContext{

  padding-top:20px;
  font-size: 19px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}

.airFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}
  .airFreight_text{

  padding-top:55px;
  font-size:50px;
}

.airContext{

  padding-top:20px;
  font-size: 19px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .custumor_text{
  padding-top:30px;
  font-size:45px;
  color: white;

}
.custumorFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}

.custumorContext{

  padding-top:20px;
  font-size: 19px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
        .values_header_div {
    float: left;
    width: 17%;
    height:260px;
}
.values_content_div_h4{
  font-size:16px;
}
.mission_content_div_h4{
    font-size:16px;
}

.shop-menu ul li a{
	padding-left: 0;
}

#slider-carousel .item{
	padding-left: 30px;
}

.item h2{
	font-size: 24px;
}

.girl{
	margin-left: 0;
}

.pricing{
	width: 100px;
}


.shipping img{
	width: 100%;
}

.slider.slider-horizontal{
	width: 100% !important;
}

.tab-pane .col-sm-3, .features_items .col-sm-4{
	width: 50%;
}

.footer-widget .col-sm-2{
	width:90%;
	display: inline-block;
	margin-bottom: 50px;
}

.footer-widget .col-sm-3{
	display: inline-block;
	width: 40%;
}

#similar-product .carousel-inner .item img{
	width: 60px;
	margin-left: 0;
}

.product-information span span{
	display: block;
	width: 100%;
}

.product-information .cart{
	margin-left: 0;
	margin-top: 15px;
}

.item-control i{
	font-size: 12px;
	padding: 5px 6px;
}

#cart_items .cart_info .cart_description h4, #cart_items .cart_info .cart_description p{
	text-align: center;
}

.companyinfo h2{
	font-size: 20px;
}

.address {
	margin-top: 48px;
	margin-left: 20px;
}

.address p {
	font-size: 12px;
	top: 5px;
}

}

/* xs */
@media (max-width: 767px) {


.header_top .col-sm-6:first-child{
	display: inline-block;
	float: left;
}

.header_top .col-sm-6:last-child{
	display: inline-block;
	float: right;
}

.header-middle .col-sm-4 {
	display: inline-block;
	overflow: inherit;
	width: 100%;
}

.social-icons ul li a i {
	padding: 8px 10px;
}

.shop-menu.pull-right{
	float: none !important;
}

.shop-menu .nav.navbar-nav{
	margin-left: -30px;
}

.header-bottom .col-sm-9{
	display: inline-block;
	width: 100%;
}

.mainmenu{
	width: 100%;
}

.mainmenu ul li{
	background: rgba(0, 0, 0, 0.5);
    padding-top: 15px;
	padding-bottom: 0;
}

.mainmenu ul li:last-child{
	padding-bottom: 15px;
}

.mainmenu ul li  a{
	color: #fff;
}

.navbar-collapse.in{
	overflow: inherit;
}

.mainmenu ul li a.active{
	padding-left: 15px;
}

.dropdown .fa-angle-down{
	display: none;
}

ul.sub-menu{
  position: relative;
  width: auto;
  display: block;
  background: transparent;
  box-shadow: none;
  top: 0;
}

.sub-menu li{
	background: transparent;
}

.mainmenu .navbar-nav li ul.sub-menu li{
	background: transparent;
	padding-bottom:0;
}

.nav.navbar-nav > li:hover > ul.sub-menu{
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  box-shadow: none;
}

.header-bottom{
	position: relative;
}

.header-bottom .col-sm-3 {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 38px;
}

#slider-carousel .item{
	padding-left: 0;
}

.shipping{
	margin-bottom: 25px;
}

.pricing{
	width: 100px;
}

.footer-top .col-sm-7 .col-sm-3{
	width: 50%;
	float: left;
}

.footer-widget .col-sm-2 {
	width: 90%;
	display: flex;
	margin-bottom: 50px;
	margin-top: 0;
	float: left;
	margin-left: 30px;
}

.companyinfo{
	text-align: center;
}

.footer-widget .col-sm-3{
	display: inline-block;
}

.single-widget{

}

.product-information span {
	display: block;
}

#similar-product {
	margin-bottom: 40px;
}

.well{
	display: inline-block;
}

}

/* XS Portrait */
@media (max-width: 480px) {

.contactinfo{
	text-align: center;
}

.contactinfo ul li a {
	padding-right: 15px;
	padding-left: 0;
}

.social-icons.pull-right{
	float: none !important;
	text-align: center;
}

.btn-group.pull-right,
.footer-bottom .pull-left,
.footer-bottom .pull-right,
.mainmenu.pull-left,
.media.commnets .pull-left,
.media-list .pull-left{
	float: none !important;
}

.header_top .col-sm-6:first-child{
	display: block;
	float: none;
}

.header_top .col-sm-6:last-child{
	display: block;
	float: none;
}

.contactinfo .nav.nav-pills, .social-icons .nav.navbar-nav{
	display: inline-block;
}

.logo{
	text-align: center;
	width: 100%;
}

.shop-menu ul li {
	padding: 0;
}

.header-middle .col-sm-4{
	text-align: center;
	overflow: inherit;
}

.shop-menu .nav.navbar-nav {
	margin-left: 0;
}

.btn-group>.btn-group:last-child>.btn:first-child{
	margin-right: 0;
}

.header-bottom .col-sm-9{
	display: inline-block;
	width: 100%;
}

.mainmenu{
	width: 100%;
}

.mainmenu ul li{
	background: rgba(0, 0, 0, 0.5);
    padding-top: 15px;
	padding-bottom: 0;
}

.mainmenu ul li:last-child{
	padding-bottom: 15px;
}

.mainmenu ul li a {
	color: #FFF;
	padding-bottom: 0;
}

.navbar-collapse.in{
	overflow: inherit;
}

.mainmenu ul li a.active{
	padding-left: 15px;
}

.dropdown .fa-angle-down{
	display: none;
}

ul.sub-menu{
  position: relative;
  width: auto;
  display: block;
  background: transparent;
  box-shadow: none;
  top: 0;
}


.mainmenu .navbar-nav li ul.sub-menu li{
	background: transparent;
	padding-bottom:0;
}

.nav.navbar-nav > li:hover > ul.sub-menu{
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  box-shadow: none;
}


.item{
	padding-left: 0;
}

.item h1{
	font-size: 30px;
	margin-top: 0;
}

.item h2{
	font-size: 20px;
}

.pricing{
	width: 70px;
}

.category-tab ul li a{
	font-size: 12px;
}

.companyinfo h2, .companyinfo p{
	text-align: center;
}

.video-gallery{
	margin-top: 30px;
}

.footer-bottom p{
	font-size: 13px;
	text-align: center;
}

.footer-widget .col-sm-2 {
	width: 90%;
	display: flex;
	margin-bottom: 50px;
	margin-top: 0;
	float: left;
	padding-right: 0;
	padding-left: 30px;
	margin-left: 0;
}

.single-widget {
	padding-left: 0;
}

.features_items{
	margin-top: 30px;
}

.category-tab .nav-tabs li{
	float: none;
}

#similar-product .carousel-inner .item img{
	margin-left: 4px;
}

.product-information{
	margin-top: 40px;
}

#reviews p, .blog-post-area .single-blog-post p{
	text-align: justify;
}

#reviews form span input{
	width: 100%;
	margin-bottom: 20px;
}

#reviews form span input:last-child{
	margin-left: 0;
}

.blog-post-area .single-blog-post h3{
	font-size: 14px;
}

.blog-post-area .post-meta ul li{
	margin-right: 7px;
}

.shipping{
	margin-bottom: 20px;
}

.commnets{
	padding: 0;
}

.content-404 h1{
	font-size: 30px;
}

.content-404 h2 a{
	font-size: 20px;
}

.order-message{
	display: inline-block;
}

.response-area .media img{
	width: auto;
}

.sinlge-post-meta li{
	margin-bottom: 10px;
}

.product-information{
	padding-left: 0;
	text-align: center;
}

.product-information span span{
	float: none;
}

}
@media (max-width: 320px) {


.about_popup{
  position:fixed;
  margin-left:5px;
  margin-top:-210px;
  opacity:0;
  transition:all 1s;
  -webkit-transition:all 1s;
}

.ab1 div
{
   width:90%;
  font-size:18px;
  padding:10px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
.ab2 div
{
   width:90%;
  font-size:18px;
  padding:10px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
.ab3 div
{
   width:90%;
  font-size:16px;
  padding:5px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
/* button */
.about_btn{
  margin:10px;
 display:inline-block;
 text-align:center;
 background-color:#819EC5;
 padding:20px;
 font-size:20px;
 border-radius:70px;
  transition:all 1s;
  -webkit-transition:all 1s;
}
.about_btn:hover{
  background-color:#44609F;
  cursor:pointer;
}
/* Gestion des évenements */
.b1:hover ~.ab1
{
  margin-left:5px;
  margin-top:-220px;
  opacity:1;
}
.b2:hover ~.ab2
{
  margin-left:5px;
  margin-top:-220px;
  opacity:1;
}
.b3:hover ~.ab3
{
  margin-left:5px;
  margin-top:-220px;
  opacity:1;
}

.button_container{
  text-align: center;
  margin-top: 10px;
}










 .tools{
   text-align:center;
  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}


.single_post{
  width:100%;
  border-style: none none dotted none;
  border-width: thin    ;
  margin-left: 0px;
  border-color: #5A9BD5
}
 .post_header{
  padding-top:20px;
  font-size: 22px;
  color:#EC9F83;
  width:100%;
  margin-bottom: 20px;
}
 .post_content{
  padding-top:5px;
  font-size: 16px;
  width:100%;
  margin-bottom: 50px;
}



.usefulLinks{
   padding-top:20px;
  font-size: 20px;
  padding-left: 30px;
  width:80%;
  margin-bottom: 20px;
  font-size: 18px;
}


.company_hub{
  text-align:center;
  width:90%;
  font-size:16px;
}
.index_text_head{
    color:#FE980F;
    font-size:24px;
}


  .warehouse_text{

  padding-top:30px;
  font-size:35px;
}

.warehouseContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}

.procurement_img{
   width:40%;
    height:0px;
    padding-right:40px;
}
  .procurement_text{

  padding-top:55px;
  font-size:35px;
}

.procurementContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .landFreight_text{
  padding-top:30px;
  font-size:35px;
  color: white;

}
.landFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}

.landContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}







.seaFreight_img{
   width:0%;
    height:0px;
    margin-right: 1000px;
}
  .seaFreight_text{

  padding-top:30px;
  font-size:50px;
}

.seaContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}

.airFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}
  .airFreight_text{

  padding-top:55px;
  font-size:50px;
}

.airContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .custumor_text{
  padding-top:30px;
  font-size:45px;
  color: white;

}
.custumorFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}

.custumorContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
.index_one_title{
    font-size:22px;
}
 .index_main{
    font-size:18px;
 }
  .index_one{
    height: 470px;
  }


    .values_header_div {
    float: left;
    width: 17%;
    height:220px;
}
.company_hub{
        font-size:18px;
    }
   .vision_content_div_h4{
   font-size:12px;
}

.values_content_div_h4{
  font-size:12px;
}
.mission_content_div_h4{
    font-size:12px;
}
}

@media (min-width: 320px) and (max-width: 400px){

.about_popup{
  position:fixed;
  margin-left:5px;
  margin-top:-210px;
  opacity:0;
  transition:all 1s;
  -webkit-transition:all 1s;
}

.ab1 div
{
   width:90%;
  font-size:20px;
  padding:10px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
.ab2 div
{
   width:90%;
  font-size:18px;
  padding:5px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
.ab3 div
{
   width:90%;
  font-size:18px;
  padding:5px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
/* button */
.about_btn{
  margin:5px;
 display:inline-block;
 text-align:center;
 background-color:#819EC5;
 padding:20px;
 font-size:20px;
 border-radius:70px;
  transition:all 1s;
  -webkit-transition:all 1s;
}
.about_btn:hover{
  background-color:#44609F;
  cursor:pointer;
}
/* Gestion des évenements */
.b1:hover ~.ab1
{
  margin-left:5px;
  margin-top:-110px;
  opacity:1;
}
.b2:hover ~.ab2
{
  margin-left:5px;
  margin-top:-110px;
  opacity:1;
}
.b3:hover ~.ab3
{
  margin-left:5px;
  margin-top:-190px;
  opacity:1;
}

.button_container{
  text-align: center;
  margin-top: 10px;
}




   .tools{
   text-align:center;
  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
.single_post{
  width:100%;
  border-style: none none dotted none;
  border-width: thin    ;
  margin-left: 0px;
  border-color: #5A9BD5
}
 .post_header{
  padding-top:20px;
  font-size: 24px;
  color:#EC9F83;
  width:100%;
  margin-bottom: 20px;
}
 .post_content{
  padding-top:5px;
  font-size: 18px;
  width:100%;
  margin-bottom: 50px;
}


    .usefulLinks{
   padding-top:20px;
  font-size: 20px;
  padding-left: 30px;
  width:80%;
  margin-bottom: 20px;
  font-size: 18px;
}


.company_hub{
  text-align:center;
  width:90%;
  font-size:16px;
  margin-left:15px;
}
.index_text_head{
    color:#FE980F;
    font-size:24px;
}



.warehouse_text{

  padding-top:30px;
  font-size:35px;
}

.warehouseContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}

.procurement_img{
   width:40%;
    height:0px;
    padding-right:40px;
}
  .procurement_text{

  padding-top:55px;
  font-size:35px;
}

.procurementContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .landFreight_text{
  padding-top:30px;
  font-size:35px;
  color: white;

}
.landFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}

.landContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
   .seaFreight_img{
   width:0%;
    height:0px;
    margin-right: 1000px;
}
  .seaFreight_text{

  padding-top:30px;
  font-size:50px;
}

.seaContext{

  padding-top:20px;
  font-size: 18px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}

.airFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}
  .airFreight_text{

  padding-top:55px;
  font-size:50px;
}

.airContext{

  padding-top:20px;
  font-size: 18px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .custumor_text{
  padding-top:30px;
  font-size:45px;
  color: white;

}
.custumorFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}

.custumorContext{

  padding-top:20px;
  font-size: 18px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
    .vision_header_div {
    margin-left:66%;
    width: 17%;
    height:220px;
}
.index_one_title{
    font-size:22px;
}
 .index_main{
    font-size:18px;
 }
  .index_one{
    height: 470px;
  }
.company_hub{
        font-size:18px;
    }
.vision_content_div {
    float: left;
    height:200px;
    width:40%;
    margin-left:10%;
    padding-top: 10px;
}
.vision_content_div_h4{
   font-size:14px;
}

    .values_header_div {
    float: left;
    width: 17%;
    height:320px;
}
.values_content_div_h4{
  font-size:14px;
}
.mission_content_div_h4{
    font-size:14px;
}
}
@media (min-width: 400px) and (max-width: 500px){
.about_popup{
  position:fixed;
  margin-left:5px;
  margin-top:-210px;
  opacity:0;
  transition:all 1s;
  -webkit-transition:all 1s;
}

.ab1 div
{
   width:90%;
  font-size:20px;
  padding:10px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
.ab2 div
{
   width:90%;
  font-size:18px;
  padding:5px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
.ab3 div
{
   width:90%;
  font-size:18px;
  padding:5px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
/* button */
.about_btn{
  margin:5px;
 display:inline-block;
 text-align:center;
 background-color:#819EC5;
 padding:20px;
 font-size:20px;
 border-radius:70px;
  transition:all 1s;
  -webkit-transition:all 1s;
}
.about_btn:hover{
  background-color:#44609F;
  cursor:pointer;
}
/* Gestion des évenements */
.b1:hover ~.ab1
{
  margin-left:5px;
  margin-top:-110px;
  opacity:1;
}
.b2:hover ~.ab2
{
  margin-left:5px;
  margin-top:-110px;
  opacity:1;
}
.b3:hover ~.ab3
{
  margin-left:5px;
  margin-top:-190px;
  opacity:1;
}

.button_container{
  text-align: center;
  margin-top: 10px;
}




   .tools{
   text-align:center;
  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
.single_post{
  width:100%;
  border-style: none none dotted none;
  border-width: thin    ;
  margin-left: 0px;
  border-color: #5A9BD5
}
 .post_header{
  padding-top:20px;
  font-size: 25px;
  color:#EC9F83;
  width:100%;
  margin-bottom: 20px;
}
 .post_content{
  padding-top:5px;
  font-size: 19px;
  width:100%;
  margin-bottom: 50px;
}


.usefulLinks{
   padding-top:20px;
  font-size: 20px;
  padding-left: 70px;
  width:80%;
  margin-bottom: 20px;
  font-size: 18px;
}


.warehouse_text{

  padding-top:30px;
  font-size:35px;
}

.warehouseContext{

  padding-top:20px;
  font-size: 18px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}

.procurement_img{
   width:40%;
    height:0px;
    padding-right:40px;
}
  .procurement_text{

  padding-top:55px;
  font-size:35px;
}

.procurementContext{

  padding-top:20px;
  font-size: 18px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .landFreight_text{
  padding-top:30px;
  font-size:35px;
  color: white;

}
.landFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}

.landContext{

  padding-top:20px;
  font-size: 18px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .company_hub{
  text-align:center;
  width:90%;
  font-size:16px;
  margin-left:20px;
}
.index_text_head{
    color:#FE980F;
    font-size:24px;
}
 .seaFreight_img{
   width:0%;
    height:0px;
    margin-right: 1000px;
}
  .seaFreight_text{

  padding-top:30px;
  font-size:50px;
}

.seaContext{

  padding-top:20px;
  font-size: 19px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}

.airFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}
  .airFreight_text{

  padding-top:55px;
  font-size:50px;
}

.airContext{

  padding-top:20px;
  font-size: 19px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .custumor_text{
  padding-top:30px;
  font-size:45px;
  color: white;

}
.custumorFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}

.custumorContext{

  padding-top:20px;
  font-size: 19px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
.index_one_title{
    font-size:24px;
}
 .index_main{
    font-size:20px;
 }
  .index_one{
    height: 470px;
  }

.vision_header_div {
    margin-left:66%;
    width: 17%;
    height:260px;
}
.vision_content_div_h4{
   font-size:16px;
}
      .company_hub{
        font-size:20px;
    }

    .values_header_div {
    float: left;
    width: 17%;
    height:300px;
}
.values_content_div_h4{
  font-size:16px;
}
.mission_content_div_h4{
    font-size:14px;
}
}
@media (min-width: 500px) and (max-width: 700px){
.about_popup{
  position:fixed;
  margin-left:5px;
  margin-top:-210px;
  opacity:0;
  transition:all 1s;
  -webkit-transition:all 1s;
}

.ab1 div
{
   width:90%;
  font-size:20px;
  padding:10px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
.ab2 div
{
   width:90%;
  font-size:18px;
  padding:5px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
.ab3 div
{
   width:90%;
  font-size:18px;
  padding:5px;
  background-color:#FE980F;
  border-radius:20px;
  color:white;
  text-align:center;
}
/* button */
.about_btn{
  margin:5px;
 display:inline-block;
 text-align:center;
 background-color:#819EC5;
 padding:20px;
 font-size:20px;
 border-radius:70px;
  transition:all 1s;
  -webkit-transition:all 1s;
}
.about_btn:hover{
  background-color:#44609F;
  cursor:pointer;
}
/* Gestion des évenements */
.b1:hover ~.ab1
{
  margin-left:5px;
  margin-top:-110px;
  opacity:1;
}
.b2:hover ~.ab2
{
  margin-left:5px;
  margin-top:-110px;
  opacity:1;
}
.b3:hover ~.ab3
{
  margin-left:5px;
  margin-top:-190px;
  opacity:1;
}

.button_container{
  text-align: center;
  margin-top: 10px;
}



   .tools{
   text-align:center;
  padding-top:20px;
  font-size: 16px;
  padding-left: 100px;
  width:100%;
  margin-bottom: 20px;
}
  .single_post{
  width:100%;
  border-style: none none dotted none;
  border-width: thin    ;
  margin-left: 0px;
  border-color: #5A9BD5
}
 .post_header{
  padding-top:20px;
  font-size: 26px;
  color:#EC9F83;
  width:100%;
  margin-bottom: 20px;
}
 .post_content{
  padding-top:5px;
  font-size: 20px;
  width:100%;
  margin-bottom: 50px;
}
  .usefulLinks{
   padding-top:20px;
  font-size: 20px;
  padding-left: 140px;
  width:80%;
  margin-bottom: 20px;
  font-size: 18px;
}
  .warehouse_text{

  padding-top:30px;
  font-size:35px;
}

.warehouseContext{

  padding-top:20px;
  font-size: 20px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}

.procurement_img{
   width:40%;
    height:0px;
    padding-right:40px;
}
  .procurement_text{

  padding-top:55px;
  font-size:35px;
}

.procurementContext{

  padding-top:20px;
  font-size: 20px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .landFreight_text{
  padding-top:30px;
  font-size:35px;
  color: white;

}
.landFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}

.landContext{

  padding-top:20px;
  font-size: 20px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .company_hub{
  text-align:center;
  width:90%;
  font-size:18px;
  margin-left:20px;
}
.index_text_head{
  margin-right:20px;
    color:#FE980F;
    font-size:24px;
}
    .seaFreight_img{
   width:0%;
    height:0px;
    margin-right: 1000px;
}
  .seaFreight_text{

  padding-top:30px;
  font-size:50px;
}

.seaContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}

.airFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}
  .airFreight_text{

  padding-top:55px;
  font-size:50px;
}

.airContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
  .custumor_text{
  padding-top:30px;
  font-size:45px;
  color: white;

}
.custumorFreight_img{
   width:40%;
    height:0px;
    padding-right:40px;
}

.custumorContext{

  padding-top:20px;
  font-size: 16px;
  padding-left: 0px;
  width:100%;
  margin-bottom: 20px;
}
      .vision_header_div {
    margin-left:66%;
    width: 17%;
    height:170px;
}
.vision_content_div {
    float: left;
    height:160px;
    width:40%;
    margin-left:10%;
    padding-top: 10px;
}
.vision_content_div_h4{
   font-size:16px;
}
    .company_hub{
        font-size:22px;
    }


    .values_header_div {
    float: left;
    width: 17%;
    height:200px;
}
.values_content_div_h4{
  font-size:16px;
}
.mission_content_div_h4{
    font-size:14px;
}
}