@media only screen and (max-width:1366px){
.banner-wrap{background-size:30% auto, 64% auto}
.banner-wrap .leftwrap{padding-top:30px}
.banner-wrap .rightwrap{padding-top:30px}
.banner-wrap .logo img{width:300px}
.banner-txt{font-family:40px; line-height:62px}
.banner-txt span{font-size:58px}
.banner-txt span.hglight{font-size:52px}
}

@media only screen and (max-width:1199px){
.banner-wrap{background-size:30% auto, 65% auto}
.banner-wrap .logo{margin-bottom:17px}
.banner-wrap .logo img{width:250px}
.banner-txt span.hglight{font-size:42px}
.banner-txt span{font-size:50px}
.banner-txt{line-height:54px;font-size:34px}
.product-wrap{background-size:15% auto}	
.section-title{font-size:56px}
.section-title span{font-size:64px}
.product-wrap .productbx a.title{font-size:30px}
.product-wrap .productbx .txt{font-size:14px; line-height:24px}
.product-detail-content .panel-default > .panel-heading a{font-size:20px}
.product-detail-content .panel-default > .panel-heading a::after{width:25px; height:25px; top:-1px}
.product-detail-content .product-specs .heading{font-size:22px}
.product-detailwrap .details .txt{font-size:16px; line-height:28px}
.product-detailwrap .details .title{font-size:24px}
.product-detail-content .product-specs ul li{font-size:14px; line-height:17px}
footer .title{font-size:62px}
.banner-wrap .navigation .portal-btn{top:0}
}

@media only screen and (max-width:1023px){
.banner-wrap .navbar-default .navbar-nav > li > a{font-size:18px; padding-left:15px; padding-right:15px}
.banner-txt span{font-size:48px}
.banner-txt{font-size:32px; line-height:52px}
.banner-txt span.hglight{font-size:40px}
.section-title{font-size:50px; margin-bottom:35px}
.section-title span {font-size:58px}
.product-wrap .productbx a.title{font-size:26px}
.product-detailwrap .details .title{font-size:24px}
.product-detailwrap .details .txt{font-size:16px; line-height:27px}
.product-detail-content .product-specs .heading{font-size:22px}
footer .title{font-size:56px; margin-bottom:35px}
footer .info .icon{width:30px}
footer .info p{font-size:24px}
footer .infosep{margin:0 46px 0 36px}
.banner-wrap .navigation .portal-btn{top:4px; font-size:18px; padding:7px 40px}
.navbar-default .navbar-nav > li > a{padding:2px 21px;}
.navigation{padding:20px 0;}
}

@media only screen and (max-width:991px){
.banner-wrap{background-size:30% auto, 68% auto; /*padding-bottom:26px*/}
.banner-wrap .logo img{width:185px}
.banner-wrap .navbar-default .navbar-nav > li > a{font-size:18px; padding-left:15px; padding-right:15px}
.banner-txt span{font-size:32px}
.banner-txt{font-size:24px; line-height:42px}
.banner-txt span.hglight{font-size:30px}
.section-title{font-size:42px; margin-bottom:35px}
.section-title span {font-size:50px}
.product-wrap{padding:60px 0 40px}
.product-wrap .productbx .product-pic{width:85px; height:80px}
.product-wrap .productbx a.title{font-size:23px}
.product-detailwrap .details .title{font-size:24px}
.product-detailwrap .details .txt{font-size:16px; line-height:27px}
.product-detail-content .product-specs .heading{font-size:22px}
.service-wrap .servicebox{padding:15px 14px 40px}
.service-wrap .servicebox .title{font-size:20px}
.service-wrap .servicebox .title span{font-size:22px}
.service-wrap .servicebox .txt{font-size:14px; line-height:24px}
.product-detailwrap .details .title{font-size:22px; line-height:30px}
.product-detailwrap .details .txt{font-size:14px; line-height:25px}
.product-detail-content .product-specs .heading{font-size:20px}
.product-detail-content .panel-default > .panel-heading a{font-size:20px}
footer{padding-top:50px}
footer .title{font-size:56px; margin-bottom:35px}
footer .info .icon{width:25px}
footer .info p{font-size:18px; line-height:26px}
footer .infosep{margin:0 24px 0 10px}
.product-detail-content .product-specs{width:100%}
footer .copyright{margin-top:50px; padding:18px 0}
.navbar-default .navbar-nav > li > a{padding:1px 21px;}
.navigation{padding:15px 0;}
.contact-top{font-size:16px;}
}


@media only screen and (max-width:767px){
.banner-content{width:100%}
.banner-wrap .navbar-default{margin-top:0}
.navbar-toggle{float:left; border:0; padding:0; margin:20px 0 0}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent}
.navbar{position:absolute; width:100%; top:-50px; left: 14px;}
.navbar-default .navbar-collapse{background:rgba(110,86,164,.8); margin-left:-15px; margin-right:-15px; padding:0 30px 0 15px; margin-top: 9px; border: none;}
.navbar-toggle .icon-bar{width:32px; height:4px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#6e56a4}
.banner-wrap .navbar-default .navbar-nav > li:first-child > a{padding-left:10px;}
.banner-wrap .navbar-default .navbar-nav > li > a{padding:10px; color:#fff}
.banner-wrap .navbar-default .navbar-nav > li > a:hover{ background:rgba(110,86,164, 0.5);}
.banner-wrap .rightwrap{width:100%; padding-top:0}
.banner-wrap .leftwrap{padding-top:70px; width:100%}
.banner-wrap .logo img{width:220px}
.banner-txt{font-size:36px; line-height:56px; margin-bottom:50px}
.banner-txt span{font-size:50px}
.banner-txt span.hglight{font-size:48px}
.section-title{text-align:center; font-size:36px}
.section-title span{font-size:44px}
.product-wrap .productbx .product-pic{margin:0 auto}
.product-wrap .productbx{text-align:center; padding:0 15px 25px}
.product-wrap .productbx a.title{font-size:26px}
.service-wrap .servicebox-holder{display:block}
.service-wrap .servicebox{width:100%; margin:0 0 30px; text-align:center}
.service-wrap .servicebox .iconbox.customize, .service-wrap .servicebox .iconbox.accesories, .service-wrap .servicebox .iconbox.integrate{background-position:center}
.product-detailwrap .section-title{margin-top:60px} 
.product-detailwrap .details{margin-bottom:40px}
footer .title{font-size:50px; margin-bottom:20px}
footer .infosep{display:none}
footer .info.text-left, footer .info.text-right{text-align:center}
footer .info p{font-size:16px; padding:0 7px}
footer .info .icon{width:19px; margin-top:1px}
footer .copyright{font-size:14px}
.backTotop-btm {width:50px}
.backTotop-btm img{width:30px}
.banner-wrap .navigation .portal-btn{top:30px; font-size:16px}

.navigation{background:none; padding:0;}
.navbar-default .navbar-nav > li{border-right:none; border-bottom:1px solid #b09fe6;}
.navbar-default .navbar-nav > li:last-child{border-bottom:none;}
.navbar-nav{margin-bottom:0; margin-top: 0;}
.top-bar {
	height: 40px;
}
.portal-btn {
    z-index: 999;
	position: absolute;
	right: 0;
	height: 50px;
}
.contact-top{position:absolute; top:6px; left:76px; z-index: 99;;}
.contact-top span{display:none}
.contact-top img{max-height:20px;}

}


@media only screen and (max-width:565px){
.banner-txt span{font-size:36px}
.banner-txt{font-size:28px; line-height:47px}
.banner-txt span.hglight{font-size:30px}
.banner-wrap .logo img{width:180px}
.section-title{font-size:30px}
.section-title span{font-size:36px}
.product-wrap .productbx a.title{font-size:24px}
.banner-wrap .navigation .portal-btn{top:22px; font-size:16px; padding-left:27px; padding-right:27px}
}