@media only screen and (min-width:1024px) and (max-width:1149px) {
.container { width: 98%; margin: 0 auto; }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.container { width: 98%; margin: 0 auto; }
.topnav .navbar-nav>li>a { font-size: 14px; padding: 15px 10px; }
.content-section-a { padding: 40px 0; }
.slider-nav-client ol.carousel-indicators li { margin: 18px 8%; }
ol.carousel-indicators li { margin: 18px 7%; }
.group-company { width: 100%; }
.contact-txt { width: 100%; }
.map-box { width: 100%; }
ol.carousel-indicators li { width: 20px; height: 20px; margin: 18px 8% !important; }
}
@media only screen and (min-width:668px) and (max-width:767px) {
.container { width: 98%; margin: 0 auto; }
.contact-txt { width: 100%; }
.map-box { width: 100%; }
.about-txt p { font-size: 16px; }
.content-section-a { padding: 40px 0; }
.content-section-b { padding: 40px 0; height: 680px; }
.content-section-c { padding: 40px 0; width: 100%; margin: 0 auto; }
.picase-box { display: block; width: 96%; margin: 0 auto; }
.picase-box .box-first { width: 100%; margin: 0 auto; float: none; }
.picase-box .picasa-1 { width: 100%; height: 590px; display: block; float: none; margin: 0 auto; }
.slider-box { width: 100%; height: 510px; display: block; text-align: center; position: relative; margin: 0 auto; float: none; overflow: hidden; }
.carousel-inner { width: 100% !important; height: 510px !important; overflow: hidden; }
.slider-nav-client ol.carousel-indicators { width: 100% !important; left: 0% !important; }
.slider-nav-client ol.carousel-indicators li { margin: 18px 7% !important; }
.slider-nav-client ol.carousel-indicators { width: 100% !important; left: 0% !important; }
.slider-nav-client ol.carousel-indicators li { margin: 18px 7% !important; }
/*-.slider-nav { width: 100% !important; margin: 0 auto;}
.slider-nav ol.carousel-indicators { width: 98% !important; left: 0% !important; margin: 0 auto; }
.slider-nav ol.carousel-indicators li { margin: 18px 7% !important; }-*/
.navbar-default .navbar-toggle { background-color: #fec95f; border-color: #fec95f; color: #fff; border-radius: 0px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #fec95f; }
footer { padding: 10px 0; text-align: center; height: auto; }
.group-company { display: block; width: 100%; margin: 20px auto; }
.map-location iframe { width: 99.6%; }
ol.carousel-indicators li { width: 20px; height: 20px; margin: 18px 8%; }
.intro-header { padding-top: 50px; padding-bottom: 0px; text-align: center; color: #f8f8f8; background: url(../img/intro-bg.jpg) no-repeat 0px 38px; background-size: 100%; }
.intro-message { position: relative; padding-top: 15%; padding-bottom: 0%; }
.intro-message > h1 img { text-align: center; margin: 0 auto; width: 50%; }
.cloud9-item { transform: translate(0px, 0px) scale(1) !important; }
.intro-message { position: relative; padding-top: 3%; padding-bottom: 12%; }
.contact-address { width: 100% !important; }
.navbar { min-height: 90px; padding: 10px 0 0px 0; }
.navbar .container { width: 100%; margin: 0 auto; padding: 0px; }
.navbar .navbar-header { min-height: 90px; background: #fff; padding: 0px !important; margin: 0px; }
.navbar .navbar-brand { position: relative; z-index: 9999; }
.navbar .navbar-default .navbar-toggle { background-color: #fec95f; border-color: #fec95f; color: #fff; border-radius: 0px; margin-top: 17px; margin-bottom: 0px; }
.navbar .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #fec95f; }
.navbar .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar .navbar-collapse { border-top: 1px solid #afaead; margin-top: 0px; background: rgb(247, 247, 247); color: #fff; }
.navbar .navbar-collapse.in { border-top: 1px solid #afaead; margin-top: 0px; background: rgb(247, 247, 247); color: #fff; }
.navbar .navbar-nav { padding: 0px !important; margin: 0px !important; text-align: left; }
.navbar .navbar-nav li a { text-align: left; color: #000; border-bottom: 1px solid #afaead; font-size: 16px; padding: 10px; }
.navbar .navbar-nav li a span { margin-top: 0px !important; }
.navbar .navbar-nav li:last-child a { text-align: left; color: #000; border-bottom: 0px solid #afaead; }
.topnav .navbar-nav>li>a:hover, .topnav .navbar-nav>li>a.active { color: #f9b62f !important; }
.navbar .navbar-nav li:last-child a:hover, .navbar .navbar-nav li:last-child a.active { color: #f9b62f !important; }
}
@media only screen and (min-width:100px) and (max-width:667px) {
.container { width: 98%; margin: 0 auto; }
.contact-txt { width: 100%; }
.map-box { width: 100%; }
.about-txt p { font-size: 16px; }
.content-section-a { padding: 40px 0; }
.content-section-b { padding: 40px 0; height: 440px; }
#showcase { height: 330px !important; }
.content-section-c { padding: 40px 0; width: 100%; margin: 0 auto; }
.picase-box { display: block; width: 96%; margin: 0 auto; }
.picase-box .box-first { width: 100%; margin: 0 auto; float: none; }
.picase-box .picasa-1 { width: 100%; height: 450px; display: block; float: none; margin: 0 auto; }
.slider-box { width: 100%; height: 310px; display: block; text-align: center; position: relative; margin: 0 auto; float: none; overflow: hidden; }
.carousel-inner { width: 100% !important; height: 410px !important; overflow: hidden; }
.slider-nav-client ol.carousel-indicators { width: 100% !important; left: 0% !important; }
.slider-nav-client ol.carousel-indicators li { margin: 18px 6% !important; }
.slider-nav-client ol.carousel-indicators { width: 100% !important; left: 0% !important; }
.slider-nav-client ol.carousel-indicators li { margin: 18px 6% !important; }
.navbar-default .navbar-toggle { background-color: #fec95f; border-color: #fec95f; color: #fff; border-radius: 0px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #fec95f; }
footer { padding: 10px 0; text-align: center; height: auto; }
.group-company { display: block; width: 100%; margin: 20px auto; }
.map-location iframe { width: 99.6%; }
.navbar-default .navbar-toggle { background: #f9b62f !important; margin-bottom: 15px; margin-top: 20px; }
.intro-header { padding-top: 50px; padding-bottom: 0px; text-align: center; color: #f8f8f8; background: url(../img/intro-bg.jpg) no-repeat 0px 38px; background-size: 100%; }
.intro-message { position: relative; padding-top: 15%; padding-bottom: 0%; }
.intro-message > h1 img { text-align: center; margin: 0 auto; width: 50%; }
.cloud9-item { transform: translate(0px, 0px) scale(1) !important; }
.intro-header { margin-top: 58px; background: url(../img/intro-bg-res.jpg) no-repeat 0px -15px; background-size: 100% !important; display: block; }
.intro-message { position: relative; padding-top: 3%; padding-bottom: 12%; }
.contact-address { width: 100% !important; margin: 0px 0px 20px 0px !important; }
.anim-slider { display: none; }
ol.carousel-indicators { background: url(../img/slider-nav-back.png) top center repeat-x; height: 45px; width: 80% !important; left: 10% !important; top: 10px; padding: 12px 0 !important; }
ol.carousel-indicators li { margin: 0 15% 0 0 !important; }
ol.carousel-indicators li:last-child { margin: 0 0% 0 0 !important; }
.navbar { min-height: 90px; padding: 10px 0 0px 0; }
.navbar .container { width: 100%; margin: 0 auto; padding: 0px; }
.navbar .navbar-header { min-height: 90px; background: #fff; padding: 0px !important; margin: 0px; }
.navbar .navbar-brand { position: relative; z-index: 9999; }
.navbar .navbar-default .navbar-toggle { background-color: #fec95f; border-color: #fec95f; color: #fff; border-radius: 0px; margin-top: 17px; margin-bottom: 0px; }
.navbar .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #fec95f; }
.navbar .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar .navbar-collapse { border-top: 1px solid #afaead; margin-top: 0px; background: rgb(247, 247, 247); color: #fff; }
.navbar .navbar-collapse.in { border-top: 1px solid #afaead; margin-top: 0px; background: rgb(247, 247, 247); color: #fff; }
.navbar .navbar-nav { padding: 0px !important; margin: 0px !important; text-align: left; }
.navbar .navbar-nav li a { text-align: left; color: #000; border-bottom: 1px solid #afaead; font-size: 16px; padding: 10px; }
.navbar .navbar-nav li a span { margin-top: 0px !important; }
.navbar .navbar-nav li:last-child a { text-align: left; color: #000; border-bottom: 0px solid #afaead; }
.topnav .navbar-nav>li>a:hover, .topnav .navbar-nav>li>a.active { color: #f9b62f !important; }
.navbar .navbar-nav li:last-child a:hover, .navbar .navbar-nav li:last-child a.active { color: #f9b62f !important; }
.picase-box .picasa-1 img {
    height:auto;
    width: 100%;
}
}
 . {
FTP Username: demo@yobaba.com;
FTP Server: ftp.yobaba.com;
FTP & explicit FTPS port: 21;
}