@media (max-width:1600px){
  #header{background: #1d3047;}
}

@media (min-width:768px) and (max-width:1199px){
ul.hd-list-menu a{font-size:15px;padding-left: 0px;}
.navbar-nav>li>a{padding-top: 35px;}
.navbar-nav.navbar-right:last-child{margin-right: 0px;}
}

@media(min-width:768px){
  .navbar-collapse.collapse{padding-top: 0px}

}


@media (max-width:992px){
  .col-card{width:100%;}
  .card-block.card-block1,  .card-block.card-block2{background-size: auto,155px}
  .card-block.card-block1:hover,  .card-block.card-block2:hover{background-size: 170px}
  .card-block{padding: 20px 20px 10px 120px}
  .title{font-size: 18px; line-height: 20px; margin-top: -5px}
  .card-text{line-height: 18px; font-size: 14px}
  .title1{padding-top: 25%}
  .owl-wrapper-outer{padding-left: 10px;width:100%}

}

@media (max-width:479px){
.owl-wrapper-outer{padding-left: 10px;width:100%}
}

@media (max-width: 1220px){
  .btn-lg{width: 92%}
}

@media (max-width: 768px){
  div#header-logo{margin-top: 0}
  .btn-lg{width:100%; max-width:90%}
  .img-intro{width:90%; margin-top:1.5em;}
  .text-intro, #trait{margin-left:15px}
  p.bg-blue{width:95%; margin: 0 5% 0 5%;}
  #title_video{margin-bottom: 2em}
  h1{font-size:calc(20px + 1vw)}
.title1{padding-top: 22%; padding-left: 2px}
h2, h2.title-section{font-size:22px; font-weight:100; margin-bottom:1em;margin-top:6em; border-bottom:none}
form{padding-left:10px; padding-right: 10px}
#title-form{padding-left: 10px; padding-top: 0px}


}