@media screen and (max-width:1200px) {
.copyright-text p{padding-left:10px}
.bubu-container{width:98%}
.banner-text{top:22%}
header{position:static}
.home-banner{margin-top:0}
section{padding-top:0}
}
@media screen and (max-width:1024px) {
.customer-top{padding:50px 0;clear:both}
.home-contact h2{font-size:30px}
.home-contact p{font-size:20px}
}
@media screen and (max-width:991px) {
.banner-text{width:100%}
.col-md-offset-1{margin-right:0!important}
.banner-text .circle-border{margin:7px 0 20px}
}
@media screen and (max-width: 767px) {
.right-side-blog{clear:both}
.header-logo{text-align:center}
.bubu-menu{padding:0 0 15px}
.social-part{text-align:center}
.social-part ul{display:inline-block;width:100%}
.social-part p{margin:0 0 10px}
.location-part p{display:block;margin:0 0 10px}
.location-part{text-align:center}
.slide-item h2{font-size:14px;line-height:25px;text-align:justify}
.banner-text h1{font-size:20px}
.navbar-header{width:100%;float:left;margin-bottom:10px}
#menu-wrap{position:relative}
.bubu-nav{width:100%;float:left}
.bubu-navbar{position:absolute}
#menu-wrap *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#menu-trigger{color:#ededed;cursor:pointer;display:block;float:left;font-size:32px;font-weight:bold;height:40px;margin:28px 0 0 30px}
.bubu-menu{background-color:transparent;border-radius:0;margin:0 auto 10px;padding:10px;position:relative;width:99%;z-index:1}
.bubu-menu ul{position:static;visibility:visible;opacity:1;margin:0;border:none;background:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;position:static;visibility:visible;opacity:1;margin:0;border:none;background:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.bubu-menu ul ul{margin:0 0 0 20px !important;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.bubu-menu li{position:static;display:inline;float:inherit;width:100%;border:0;margin:5px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.bubu-menu > li > a{border:none}
.bubu-menu > li:hover > a,.bubu-menu > li.active > a{border:none}
.bubu-menu > li > a.active:after,.bubu-menu > li .active{border-bottom:0}
.bubu-menu > li.active > a:after,.bubu-menu > li > a:hover:after,.bubu-menu > li > a:focus:after{display:none}
.bubu-menu ul li{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.bubu-menu a{display:block;float:none;padding:0;color:#999;width:100%;font-weight:normal;font-family:'open_sansbold'}
.bubu-menu > li:hover > a,.bubu-menu > li .active{border-bottom:none}
.bubu-menu li:last-child{margin:0 0 0 5px}
.bubu-menu ul a:hover{background:none}
.bubu-menu ul li ul{box-shadow:none;left:0;position:relative;width:90%}
.bubu-nav .navbar-toggle{margin-top:0}
.email-part,.social-part ul,.header-logo{text-align:center;margin-bottom:5px}
.feature-box{margin-bottom:50px}
.footer-column{margin-bottom:50px;display:inline-block;width:100%}
.copyright-text,.footer-menu ul{text-align:center;margin-bottom:15px}
.customer-top{padding:50px 0;clear:both}
.left-part h3,.right-part ol{text-align:center}
.pricing-box{margin:0 auto 30px;width:400px}
.about-content ul li{margin-left:0}
.about-content,.service-box{margin-top:50px}
}
@media (max-width:567px) {
.banner-text{display:none}
.carousel-control{width:30px;top:35%}
.carousel-control.right{background-position:-124px 0;width:30px}
}
@media screen and (min-width:992px) and (max-width:1100px) {
.recent-box .effect-bubba .caption-hover:before,.recent-box .effect-bubba .caption-hover:after{top:2%;bottom:10%}
}
@media screen and (min-width:768px) and (max-width:991px) {
.sidebar .bubu_recent .recent-box,.footer-column .bubu_recent .recent-box{clear:both;width:100%}
.footer-column .bubu_recent .recent-box a{color:#fff}
.header-logo{text-align:center}
.bubu-menu{padding:0 0 15px}
.banner-text{top:5%}
.blog-article{padding-right:40px}
.blog-article.right-side-blog{padding-right:15px;padding-left:40px}
.footer-column:nth-child(2n+3){clear:left}
.footer-column{margin-bottom:50px}
.menu-top-menu-container{display:flex}
.navbar-collapse,.bubu-nav{float:none;text-align:center}
}
@media screen and (min-width:641px) and (max-width:767px) {
.footer-column{width:50%;float:left;text-align:left}
.footer-column:nth-child(2n+3){clear:left}
}
@media screen and (min-width:569px) and (max-width:640px) {
.footer-column{width:50%;float:left;text-align:left}
.footer-column:nth-child(2n+3){clear:left}
}
@media screen and (min-width:320px) and (max-width:480px) {
.pricing-box{width:100%}
}