/*------------- mobile device  ----------------*/

@media(max-width:480px) {

.container-fluid { padding-right: 15px; padding-left: 15px;} 
header  .container-fluid { padding: 0px;}
.top-bar { padding-top: 12px;}
.button_container { right: 8%;}
.top-bar img { width: 20px;}
.carousel-caption img { width: 130px;}
.carousel-indicators { bottom: -2px; margin-bottom: 0px;}
.over-link { padding: 20px 25px;}
.over-link h3 { text-align: center; margin-top: 0px; margin-bottom: 15px; font-size: 22px;}
.tab-img2 { margin-top: 70px; width: 60px;}
.navbar-default .navbar-nav li { display: block;}
.navbar-default .navbar-nav li a { padding: 8px 5px;}
.over-text { padding: 20px 0px 20px 0px;}
.business-area { padding: 20px 0px;}
.business-link h3 { text-align: center; margin-top: 0px; font-size: 22px;}
.bussiness-text { padding: 20px 0px 0px; position: relative; top: 0px; display: inline-block;}
.bussiness-text span { border: 2px solid #e8a723; padding: 30px; margin: 12px;}
.business-link { padding-right: 0px;}
.human-link { padding: 0px;}
.human-area { padding-top: 20px;}
.human-link h3 { text-align: center; margin-bottom: 10px; font-size: 22px; margin-top: 0px; line-height: 26px;}
.human-image { width: 70px; margin-top: 15px;}
.padd-left { padding-left: 15px; height: auto;}
.human-text { padding: 20px; margin-right: 0px; margin-left: 0px; top: 0;}
.human-text p:before { height: 45px; top: 19px;}
.human-text p { margin-top: 60px;}
.media-area { padding: 22px 0px 24px; margin-top: 20px;}
.media-box h3 { margin-bottom: 25px; font-size: 22px;}
.product-carousel.owl-theme .owl-controls .owl-buttons div.owl-next { right: -7%;}
.product-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev { left: -7%;}
.contact-map { bottom: 0px; height: auto;}
.contact-area { padding: 20px 0px 15px;}
.myMap{ height: 350px !important;}
.contact-text { padding-left: 0px; margin-top: 25px;}
.contact-text h3 { margin-bottom: 15px; font-size: 22px;}
.contact-text .list-inline { margin-bottom: 5px;}
.contact-social ul { margin-bottom: 0px;}
.contact-link .list-inline { margin: 18px 0px 0px 0px !important;}
#toTop { bottom: 45px; right: 12px; width: 35px; height: 35px; line-height: 42px;}
.inner-page { margin: 30px 0px 12px;}
.carousel-caption  h3{ font-size: 20px;}
.inner-banner .carousel-caption { top: 30%; padding: 0px 10px;}
.inner-banner .carousel-inner img { min-height: 115px;}
 
}


/*------------- large screen ----------------*/

@media (min-width: 1441px) and (max-width: 1600px) {
.bussiness-text { top: -60px;}
}


@media (min-width: 1601px) and (max-width: 1680px) {
.bussiness-text { top: -53px;}
}

@media (min-width: 1681px) and (max-width: 1920px) {
.over-link { padding: 100px 28px 100px;}
.bussiness-text { top: -60px;}
}