/* CSS Document */
@media screen and (min-width:240px) and (max-width:1279px) {
body { -webkit-text-size-adjust: none; }
input, textarea { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
input[type="radio"]  { appearance: radio; -moz-appearance: radio; -webkit-appearance: radio; }
input[type="checkbox"] { appearance: checkbox; -moz-appearance: checkbox; -webkit-appearance: checkbox; }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
.navbar-brand.logo img { width:80%;}
.navbar-header { float: none; }
.navbar-toggle { margin-right: 0; margin-top: 15px; margin-bottom: 0;}
.carousel-caption h2 { font-size: 15px;}
.navbar-right { float: none !important;}
/*#midd-part { margin-top:70px;}*/
.navbar-brand{ padding:12px 0;}
.banner-slogan span { font-size: 45px; line-height: 45px;}
.carousel { height: 520px; }
.carousel-caption {  bottom: 80px; }
.navbar-inverse .navbar-toggle { background:#333;}
.navbar-collapse { padding-left: 0; padding-right: 0; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: none; }
.navbar > .container .navbar-brand { margin-left: 0; }
.navbar-inverse .navbar-nav > li > a { padding:7px 6px; font-size:13px;}
.buynow a { margin-top: 2px; padding: 4px 0 !important; width:105px;}
.navbar-collapse.in { overflow:inherit; }
h3.page-heading { font-size: 35px; }
.bott-part1 { height: 363px; }
.bott-cnt h3 { font-size: 35px; }
.bott-block1, .bott-block2 { margin-right: 40px; }
.bott-block2 { width: 30%; }
.bott-add { width: 75%; }
.bott-part3 { padding: 20px 0; }
.bott-block4 { float: none; margin: auto; clear: both; padding-top: 20px; }
a.viewmore-box { height: 206px; padding-top: 70px; }
.footer-address-img img{max-width:100%;}
} 

@media screen and (min-width:768px) and (max-width:1023px) {
.navbar-brand.logo img {width:80%;}
.navbar-header {float:none;}
.navbar-toggle {margin-right:0; margin-top:15px; margin-bottom:0;}
.navbar-brand{ padding:12px 0;}
.navbar-nav > li { margin-bottom:0; width:100%; border-bottom:1px solid #e4e4e4;}
.navbar-inverse .navbar-nav > li > a{ padding:7px;}
.navbar-inverse .navbar-toggle { background: #333;}
.navbar-collapse { padding-left: 0; padding-right:0;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border:none;}
.navbar > .container .navbar-brand { margin-left:0;}
.navbar-nav{ margin:0 0 5px; width:100%; float:left;}
.navbar-inverse .navbar-nav > li > a { padding: 9px 7px; font-size: 13px; text-align: center; }
.navbar-nav > li:last-child{ border:none;}
.buynow a { margin: auto; margin-top: 2px; padding: 4px 0 !important; }
.navbar-collapse.in { overflow:inherit; }
.navbar-nav .buynow{ margin:5px 0 0;}

/*#midd-part { margin-top: 70px; }*/

h3.page-heading { font-size: 30px; }
.bott-part1 { height: 273px; }
.bott-cnt h3 { font-size: 35px; }
.bott-add { width: 75%; }
.bott-part3 { padding: 20px 0; }
p.hd-desc { margin-bottom: 30px; }
.bott-part2 { padding: 20px 0; }
.bott-block2{min-height:312px;}
.bott-block4 { padding-top:0; }
.footer-address-img img{ max-width:100%;}
}

@media screen and (max-width:767px) {
.navbar-nav{ margin:0 0 5px; width:100%; float:left;}
.navbar-nav > li:last-child{ border:none;}
.navbar-brand.logo img { width: 80%; }
.navbar-header { float: none; }
.navbar-toggle { margin-right: 10px; margin-top: 15px; margin-bottom: 0; }
.carousel-caption h2 { font-size: 12px; line-height: 18px; }
.banner-slogan { font-size: 11px; }
.banner-slogan span { font-size: 25px; line-height: 30px; }
.navbar-nav > li { border-bottom: 1px solid #e4e4e4; }
/*#midd-part { margin-top: 70px; }*/
.navbar-brand{ padding:12px 10px;}
.navbar-inverse .navbar-toggle { background: #333;  }
.navbar-collapse { padding-left: 0; padding-right: 0; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: none; }
.navbar > .container .navbar-brand { margin-left: 0; }
.navbar-inverse .navbar-nav > li > a { padding: 7px; font-size: 12px; text-align: center; }
.buynow a { margin: auto; margin-top: 5px;  }
.navbar-collapse.in { overflow:inherit; }

h3.page-heading { font-size: 21px; }
.bott-part1 { height: 120px; }
.bott-cnt h3 { font-size: 25px; }
.bott-cnt h3 span { font-size: 16px; }
.bott-block3 { width: auto; float: none; clear: both; padding-top: 30px; }
.bott-block1, .bott-block2 { margin-right: 0px; width: 50%; }
.bott-block2 { padding-top: 20px; }
.bott-add { width: 75%; }
.bott-part3 { padding: 20px 0; }
.getclone-left { margin-bottom: 10px; }
.getclone-right.fl-right { float: none !important; text-align: center; }
.getclone-right img { width: 100%; }
.overview-list  { float: none; padding: 20px; }
.overview-list-cnt { width: auto; }
.overview-screenshot h3  { font-size: 21px; }
p.hd-desc { margin-bottom: 30px; }
.bott-part2 { padding: 20px 0; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a  { background: #e8e8e8; text-align: center; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #000000; }
.banner-slogan::before, .banner-slogan::after { width: auto; background-position: center; }
.chat-now-btn, .enq-now-btn { display: none; }
.bott-block1, .bott-block2, .bott-block3 { width: auto; float: none; margin-right: 0; }
.bott-block3-l, .bott-block3-r { width: auto; float: none; margin: 15px 0; }

.buyprod-ico { margin: auto; float: none; }
.buyprod-desc { width: auto; float: none; font-size: 14px; text-align: center; }
.buyprod-l { padding-top: 0; width: auto; float: none; }
.buyprod-r { width: auto; float: none; }
.achievement-sec{ margin:0 0 20px;}
.achievement-img img { width:auto; }
.bott-block4 { width: auto; float: none; }
.bott-block4 img { width: 100%; }
.footer-address-img img{ max-width:100%;}

.customise-page{ margin:69px 0 0;}
}

@media screen and (min-width:1px) and (max-width:567px) {
h1.page-heading{font-size:26px;}
.inner-banner{ margin:0px; height:70px;}

.bbcs-ownbusiness-main .left-img img{ margin:0px; width:100%;}
.bbcs-ownbusiness-main .right-text span{ margin:25px 0 7px; font-size:22px;}
.bbcs-ownbusiness-main .right-text span h1{font-size:22px;}
.bbcs-ownbusiness-main .right-text p{ font-size:23px; line-height:29px;}

.box-1{ width:100%;}
.box-1 .box-1-inner p{ min-height:inherit;}
.box-2{ width:100%;}
.box-2 .box-2-inner p{ min-height:inherit;}

.advise-detail .advise-left-part{ width:100%;}
.advise-detail .advise-right-part{ width:100%;}
.advise-detail .advise-right-part li span.advise-txt{ width:284px; font-size:24px; margin:0 0 0 18px;}
.advise-detail .advise-left-part h2{font-size:29px;}
.advise-detail .advise-right-part .tel-number span{ font-size:44px;}

.project-information .project-info-left{ width:100%;}
.project-information .project-info-right{ width:100%; text-align:center;}
.project-information .project-info-right img{ max-width:100%;}
.commission-benefits .left-img{ float:left; width:100%;}
.commission-benefits .left-text{ width:100%; margin:0 0 25px;}
.commission-benefits .left-text h6{ font-size:33px; margin:0 0 10px;}
.commission-benefits .left-text h4{ font-size:33px; margin:0 0 10px;}
.commission-benefits .left-text p{ font-size:22px; line-height:32px;}

.web-site-template-part{ float:left; width:100%; padding:0 0 10px;}
.web-site-template-part-inner{ width:100%; margin:55px 0 0; float:left;}
.infinity-carousel .center {float: none; margin: 0 auto; width: 268px; overflow:hidden; }
.infinity-carousel .nav{ top:20px;}

.agent-profile{ height:100%; background-size:cover;}
.agent-profile .looking-for-job-inner{ width:100%; padding:20px 0 0;}
.agent-profile .looking-for-job-inner .par-left h3{font-size:35px; line-height:55px;}
.agent-profile .looking-for-job-inner .par-left{ width:100%;}
.agent-profile .looking-for-job-inner .par-left h3{ margin:0px; padding:0px; border:none; text-align:left; width:100%; font-size:24px;}
.agent-profile .looking-for-job-inner .par-right h3{font-size:23px;}
.agent-profile .looking-for-job-inner .par-right{ width:100%; padding:2px 0 20px;}
}

@media screen and (min-width:1px) and (max-width:500px) {
.bbcs-ownbusiness-main{ padding:0 0 20px;}
.bbcs-ownbusiness-main .left-img{ width:100%;}
.bbcs-ownbusiness-main .right-text{ width:100%; float:left;}
.advise-detail .advise-left-part h2{font-size: 25px; margin:0 0 15px;}
.advise-detail .advise-right-part li span.advise-txt{ width:278px; font-size:21px;}
.advise-detail .advise-right-part .tel-number span{font-size:40px;}

.project-information .project-info-left ul li span{ line-height:30px;}
.project-information .project-info-left ul li span em{ font-size:40px;}
.project-information .project-info-left ul li span b{ font-size:29px;}

.project-information .project-info-left ul li h3{ line-height:30px;}
.project-information .project-info-left ul li h3 em{ font-size:40px;}
.project-information .project-info-left ul li h3 b{ font-size:29px;}

.project-information .project-info-left ul li h4{ line-height:30px;}
.project-information .project-info-left ul li h4 em{ font-size:40px;}
.project-information .project-info-left ul li h4 b{ font-size:29px;}

.project-information .project-info-left ul li h5{ line-height:30px;}
.project-information .project-info-left ul li h5 em{ font-size:40px;}
.project-information .project-info-left ul li h5 b{ font-size:29px;}

.commission-benefits .left-text h6{ font-size:29px;}
.commission-benefits .left-text h4{ font-size:29px;}
.commission-benefits .left-text p{font-size:17px; line-height:29px;}

.web-site-template-part h2{font-size: 21px; margin:13px 0 0 14px;}
.infinity-carousel .nav{ top:54px;}

.agent-profile .looking-for-job-inner .par-left h3{ line-height:32px; font-size:23px;}
.agent-profile .looking-for-job-inner .par-right h3{ font-size:21px;}

}


@media screen and (min-width:1px) and (max-width:414px) {
h1.page-heading{font-size:24px;}
.our-products-bottom-button a{ margin:0 5px; width:180px;}
}

@media screen and (min-width:1px) and (max-width:400px) {
.our-products-bottom-button{ padding:20px 0;}
.our-products-bottom-button a{ width:90%; margin:0 0 15px;}

.advise-detail .advise-right-part li span.advise-txt{font-size: 20px; line-height: 28px; width: 220px;}
.advise-detail .advise-right-part .tel-number span{font-size:35px;}
.bbcs-ownbusiness-main .right-text p{font-size:20px;}
.advise-detail .advise-left-part h2{font-size:18px;}
.commission-benefits .left-text h6{ font-size:25px;}
.commission-benefits .left-text h4{ font-size:25px;}
}

@media screen and (min-width:1px) and (max-width:350px) {
.advise-detail .advise-left-part h2{ font-size:21px;}
.advise-detail .advise-right-part li span.advise-txt{ margin:0px; width:100%;}
.advise-detail .advise-right-part .tel-number span{font-size:32px;}
.infinity-carousel .slides > *{ width: 265px;}
.web-site-template-part h2{font-size: 19px; margin: 13px 0 0 11px;}
}

@media screen and (min-width:568px) and (max-width:666px) {
h1.page-heading{font-size:33px;}
.inner-banner{ margin:0px; height:80px;}

.bbcs-ownbusiness-main .left-img img{ margin:0px; width:100%;}
.bbcs-ownbusiness-main .right-text span{ margin:25px 0 10px; font-size:24px;}
.bbcs-ownbusiness-main .right-text span h1{font-size:24px;}
.bbcs-ownbusiness-main .right-text p{ font-size:22px; line-height:26px;}

.box-1{ width:100%;}
.box-1 .box-1-inner p{ min-height:inherit;}
.box-2{ width:100%;}
.box-2 .box-2-inner p{ min-height:inherit;}

.advise-detail .advise-left-part{ width:100%;}
.advise-detail .advise-right-part{ width:100%;}
.advise-detail .advise-right-part li span.advise-txt{ width:284px; font-size:22px; margin:0 0 0 18px; line-height:31px;}
.advise-detail .advise-left-part h2{font-size:29px;}
.advise-detail .advise-right-part .tel-number span{ font-size:44px;}

.project-information .project-info-left{ width:100%;}
.project-information .project-info-right{ width:100%; text-align:center;}
.project-information .project-info-right img{ max-width:100%;}
.commission-benefits .left-img{ float:left; width:100%;}

.commission-benefits .left-text{ width:100%; margin:0 0 25px;}
.commission-benefits .left-text h6{ font-size:33px; margin:0 0 10px;}
.commission-benefits .left-text h4{ font-size:33px; margin:0 0 10px;}
.commission-benefits .left-text p{ font-size:22px; line-height:32px;}

.web-site-template-part{ float:left; width:100%; padding:0 0 10px;}
.web-site-template-part-inner{ width:100%; margin:55px 0 0; float:left;}
.infinity-carousel .center {float: none; margin: 0 auto; width: 268px; overflow:hidden; }
.infinity-carousel .nav{ top:20px;}

.agent-profile{ height:100%; background-size:cover;}
.agent-profile .looking-for-job-inner{ width:100%; padding:20px 0 0;}
.agent-profile .looking-for-job-inner .par-left h3{font-size:35px; line-height:55px;}
.agent-profile .looking-for-job-inner .par-left{ width:100%;}
.agent-profile .looking-for-job-inner .par-left h3{ margin:0px; padding:0px; border:none; text-align:left; width:100%; font-size:24px;}
.agent-profile .looking-for-job-inner .par-right h3{font-size:23px;}
.agent-profile .looking-for-job-inner .par-right{ width:100%; padding:2px 0 20px;}

}

@media screen and (min-width:667px) and (max-width:767px) {
h1.page-heading{font-size:33px;}
.inner-banner{ margin:0px; height:80px;}

.bbcs-ownbusiness-main .left-img img{ margin:0px; width:100%;}
.bbcs-ownbusiness-main .right-text span{ margin:25px 0 10px; font-size:28px;}
.bbcs-ownbusiness-main .right-text span h1{font-size:28px;}
.bbcs-ownbusiness-main .right-text p{ font-size:25px; line-height:31px;}

.box-1{ width:100%;}
.box-1 .box-1-inner p{ min-height:inherit;}
.box-2{ width:100%;}
.box-2 .box-2-inner p{ min-height:inherit;}

.advise-detail .advise-left-part{ width:100%;}
.advise-detail .advise-right-part{ width:100%;}
.advise-detail .advise-right-part li span.advise-txt{ width:284px; font-size:26px; margin:0 0 0 18px;}
.advise-detail .advise-left-part h2{font-size:35px;}
.advise-detail .advise-right-part .tel-number span{ font-size:44px;}

.project-information .project-info-left{ width:100%;}
.project-information .project-info-right{ width:100%; text-align:center;}
.project-information .project-info-right img{ max-width:100%;}

.commission-benefits .left-text{ width:100%; margin:0 0 25px;}
.commission-benefits .left-text h6{ font-size:33px; margin:0 0 10px;}
.commission-benefits .left-text h4{ font-size:33px; margin:0 0 10px;}
.commission-benefits .left-text p{ font-size:22px; line-height:32px;}
.web-site-template-part{ margin:0 auto; float:none; display:table;}
.commission-benefits .left-img{ width:100%; float:left;}

.agent-profile{ height:100%; background-size:cover;}
.agent-profile .looking-for-job-inner{ width:100%; padding:20px 0 0;}
.agent-profile .looking-for-job-inner .par-left h3{font-size:35px; line-height:55px;}
.agent-profile .looking-for-job-inner .par-left{ width:100%;}
.agent-profile .looking-for-job-inner .par-left h3{ margin:0px; padding:0px; border:none; text-align:left; width:100%; font-size:24px;}
.agent-profile .looking-for-job-inner .par-right h3{font-size:23px;}
.agent-profile .looking-for-job-inner .par-right{ width:100%; padding:2px 0 20px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
h1.page-heading{font-size:33px; margin:1px 0 0;}
.inner-banner{ margin:0px; height:80px;}
.customise-page{ margin:69px 0 0;}
.bbcs-ownbusiness-main .left-img img{ margin:0px; width:100%;}
.bbcs-ownbusiness-main .right-text span{ margin:25px 0 10px; font-size:33px;}
.bbcs-ownbusiness-main .right-text span h1{font-size:33px;}
.bbcs-ownbusiness-main .right-text p{ font-size:25px; line-height: 33px;}

.box-1{ width:100%;}
.box-1 .box-1-inner p{ min-height:inherit;}
.box-2{ width:100%;}
.box-2 .box-2-inner p{ min-height:inherit;}

.advise-detail .advise-left-part{ width:100%;}
.advise-detail .advise-right-part{ width:100%;}
.advise-detail .advise-right-part li span.advise-txt{ width:284px; font-size:26px; margin:0 0 0 18px;}
.advise-detail .advise-left-part h2{font-size:38px;}
.advise-detail .advise-right-part .tel-number span{ font-size:44px;}

.project-information .project-info-left{ width:100%;}
.project-information .project-info-right{ width:100%; text-align:center;}
.project-information .project-info-right img{ max-width:100%;}

.commission-benefits .left-text{ width:100%; margin:0 0 25px;}
.commission-benefits .left-text h6{ font-size:33px; margin:0 0 10px;}
.commission-benefits .left-text h4{ font-size:33px; margin:0 0 10px;}
.commission-benefits .left-text p{ font-size:22px; line-height:32px;}
.web-site-template-part{ margin:0 auto; float:none; display:table;}
.commission-benefits .left-img{ width:100%;}

.agent-profile{ height:100%; background-size:cover;}
.agent-profile .looking-for-job-inner{ width:100%; padding:20px 0 0;}
.agent-profile .looking-for-job-inner .par-left h3{font-size: 41px;}
.agent-profile .looking-for-job-inner .par-left{ width:100%;}
.agent-profile .looking-for-job-inner .par-left h3{ margin:0px; padding:0px; border:none; text-align:left; width:100%;}
.agent-profile .looking-for-job-inner .par-right{ width:100%; padding:2px 0 20px;}
}

@media screen and (min-width:1024px) and (max-width:1280px) {
h1.page-heading{ margin:12px 0 0;}
.inner-banner{ margin:0px;}
.customise-page{ margin:69px 0 0;}

.bbcs-ownbusiness-main .left-img img{ margin:0px;}
.bbcs-ownbusiness-main .right-text span{ margin:25px 0 10px; font-size:43px;}
.bbcs-ownbusiness-main .right-text span h1{font-size:43px;}
.bbcs-ownbusiness-main .right-text p{ font-size:40px; line-height:45px;}
.box-1 .box-1-inner p{ min-height:170px;}
.box-2{ padding:35px 0 11px;}
.box-2 .box-2-inner p{ min-height:170px;}
.advise-detail .advise-left-part{ width:58%;}
.advise-detail .advise-right-part{ width:40%;}
.advise-detail .advise-right-part li span.advise-txt{ width:284px; font-size:26px; margin:0 0 0 18px;}
.advise-detail .advise-left-part h2{font-size:40px;}
.advise-detail .advise-right-part .tel-number span{ font-size:44px;}
.commission-benefits .left-text{ width:36%;}
.commission-benefits .left-text h6{ font-size:33px;}
.commission-benefits .left-text h4{ font-size:33px;}
.commission-benefits .left-text p{ font-size:22px; line-height:32px;}

.agent-profile{ height:348px;}
.agent-profile .looking-for-job-inner{ width:100%;}
.agent-profile .looking-for-job-inner .par-left h3{font-size: 45px;}

}