@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.container {width: 90%; padding:26px 0px 5px;}
.container2 {width: 90%; padding:0px;}
.nav{background: url(../images/menu-icon.png)  center center no-repeat #4ca2f9;margin:8px 0 0px;text-align: left;width:12%;color:#fff;cursor:pointer; height:32px;}
#menu-icon{display:block;padding:0px; font-weight:700; color:#fff;}
.nav ul {background:#4ca2f9;display: none;left: 0;margin:0px;position: absolute;right: 0;width:100%; z-index:1000; top:39px; padding-top:0px;}
.nav ul li { width:100%; border-bottom:1px solid #fff; padding:8px 0px; margin:0px; }
.nav ul li a {padding: 0 9px 32px; font-size:15px; text-transform:none;color: #fff !important;}
.nav ul li a:hover{ color:#000 !important;}
.nav a.focus{ border-bottom:0px;padding: 0 8px 0px;}
.nav ul li ul{ left:0px; width:100%; top:39px;}
.nav a:hover{ border-bottom:0px;}
.no-border{ border:0px !important;}
.title{ font-size: 39px;padding-top: 70px;}
.title h1{ font-size: 22px;margin: 37px 0 11px;}
#intro h1 span{ font-size:18px;}
.title p{ font-size:18px;}
#intro { height: 296px;}
.aboutbg{background:#fff;}
.about-box2{ margin-bottom:0px;}
.sticky-wrapper{ margin-bottom:0px; height:54px !important;}
.hearder-left-part{ width:42%; margin:8px 0px 0px;}
.header-wrpin{ padding:0px 0px 0px; height:30px; }
.about-box ul li{margin: 0 4%;text-align: justify;width: 92%;}
.page-headingtxt{margin:44px 0 20px !important;}
.page-headingtxt h2{ font-size:36px;margin: 12px 0 10px;}
.about-box{margin-bottom: 0;}
.contact-box{ width:100%; margin-left:0px; margin:0px auto 5px;}
.contact-boxin{ width:100%; margin-left:0px;}
.contact-sendbtn{ margin-top:10px; width:42%; float:left;}

/*#owl-demo1 .item{ height:400px !important; padding: 0 !important}*/

.view{/*margin-left: 5% !important;*/width:95% !important; height:407px !important;}
.view img{ width:85% !important; margin-left:8% !important;}

.view a.large{top: 37px !important; left:-9px !important;}
.view a.info{ top:36px !important; left:4px !important;}
.view a.info2{top:36px !important; left:4px !important;}
.view .mask, .view .content{ height: 189px !important;
    margin-left: 6% !important;
    width: 89% !important;}
/*#demo1 {margin: 0 0 0 2%;width: 98% !important;}
#demo2 {margin: 0 0 0 2%;width: 98% !important;}*/

.owl-next {
     bottom: -9px;
    position: absolute;
    right: -6px !important;
}
.owl-prev {
	 position: absolute;
    left:7px !important;
	bottom:-13px !important;
}

.copyrighttxt{ width:100%;}
.address-text{ width:100%; text-align:left; margin-top:10px; margin-bottom:15px;}
div#popupContact{width: 73% !important; left:7% !important; top:43% !important;}

.contact-txt{ width:100%;}
.cont-row{ width:100%;}
.contact-select-support{ width:100%;}
.contact-capturetxt{ margin: 0 13px 0 0;width: 43%;}
.contact-txtfield1{ width:49%; margin-right:0px;}
.contact-txtarea{ width:96%;}
.contact-sendbtn-support{ margin:10px 0px 0px;}
.demo-container{ width:100%; margin-left:0px !important;}
.graphite .accordion1 li {width: 93% !important;}
.grey .accordion1 li{width: 93% !important;}
.graphite .accordion1 a .dcjq-icon1{left: 0; top:8px;}
.graphite .accordion1 a.dcjq-parent1, .graphite .accordion1 a.dcjq-parent1:hover{padding: 2% 2% 2% 10%;}
.grey .accordion1 a.dcjq-parent1, .grey .accordion1 a.dcjq-parent1:hover{padding: 2% 0 4% 8%;}
.grey .accordion1 a .dcjq-icon1{left:-4px;top: 8px;}
.support-btn2{  display:block; background:url(../images/support2.jpg) bottom bottom no-repeat; text-align:left;  }
.support-btn{ display:none;}
.back-home{ margin: 8px 0 0 !important; }
.support-logo{ margin: 13px 0 0 5%;width:40%;}

input, textarea, select {-webkit-appearance: none;}
.faq-headingtxt{margin: 76px 0 22px;}


.androd-hd{ width:97%;}
.iphone-hd{width:97%;margin-top: 20px;}
.iphone-hd-txt{margin: 0 0 14px 10%;}

ul.tabs li {margin: 0 12px;}
.info3{ top:36px !important;}

}



@media only screen and (min-width: 480px) and (max-width: 580px) {
.container {width: 90%; padding:13px 0px 20px;}
.container2 {width: 90%; padding:0px;}
.nav{background: url(../images/menu-icon.png)  center center no-repeat #4ca2f9;margin:8px 0 0px;text-align: left;width:8% !important;color:#fff;cursor:pointer; height:32px;}
#menu-icon{display:block;padding:0px; font-weight:700; color:#fff;}
.nav ul {background:#4ca2f9;display: none;left: 0;margin:0px;position: absolute;right: 0;width:100%; z-index:1000; top:39px; padding-top:0px;}
.nav ul li { width:100%; border-bottom:1px solid #fff; padding:8px 0px; margin:0px; }
.nav ul li a {padding: 0 9px 32px; font-size:15px; text-transform:none;color: #fff !important;}
.nav ul li a:hover{ color:#000 !important;}
.nav a.focus{ border-bottom:0px;padding: 0 8px 0px;}
.nav ul li ul{ left:0px; width:100%; top:39px;}
.nav a:hover{ border-bottom:0px;}
.no-border{ border:0px !important;}
.title{ font-size: 39px;padding-top: 70px;}
.title h1{ font-size: 22px;margin: 37px 0 11px;}
#intro h1 span{ font-size:18px;}
.title p{ font-size:18px;}
#intro { height: 296px;}
.aboutbg{background:#fff;}
.about-box2{ margin-bottom:0px;}
.sticky-wrapper{ margin-bottom:0px; height:54px !important;}
.hearder-left-part{ margin: 14px 0 0;width: 34%;}
.header-wrpin{ padding:0px 0px 0px; height:30px; }
.about-box ul li{margin: 0 4%;text-align: justify;width: 92%;}
.page-headingtxt{margin:77px 0 20px !important;}
.page-headingtxt h2{ font-size:36px;margin: 12px 0 10px;}
.about-box{margin-bottom: 0;}
.contact-box{ width:100%; margin-left:0px; margin:0px auto 5px;}
.contact-boxin{ width:100%; margin-left:0px;}
.contact-sendbtn{ margin-top:10px; width:42%; float:left;}
.view{margin-left: 14% !important;width: 76% !important;}
#owl-demo .item{height: 458px !important;padding: 2px 0 0 !important;}
.view img{ width:85% !important; margin-left:8% !important;}
.view .mask, .view .content{ height:239px !important;
    margin-left: 6% !important;
    width: 89% !important;}
.view a.large{top: 73px !important; left:-9px !important;}
.view a.info{ top:73px !important; left:4px !important;}

/*#owl-demo1 .item{ height:400px !important; padding: 0 !important}

#demo1 {margin: 0 0 0 2%;width: 98% !important;}
#demo2 {margin: 0 0 0 2%;width: 98% !important;}
*/
.copyrighttxt{ width:100%;}
.address-text{ width:100%; text-align:left; margin-top:10px; margin-bottom:15px;}

.owl-next {
    position: absolute;
    right: -2px !important;
}
.owl-prev {
	 position: absolute;
    left:47px !important;
}
.contact-txt{ width:100%;}
.cont-row{ width:100%;}
.contact-select-support{ width:100%;}
.contact-capturetxt{ margin: 0 13px 0 0;width: 43%;}
.contact-txtfield1{ width:51%; margin-right:0px;}
.contact-txtarea{ width:98%;}
.contact-sendbtn-support{ margin:10px 0px 0px; float:left;}
.demo-container{ width:100%; margin-left:0px !important;}
.graphite .accordion1 li {width: 93% !important;}
.grey .accordion1 li{width: 93% !important;}
.graphite .accordion1 a .dcjq-icon1{left: 0; top:8px;}
.graphite .accordion1 a.dcjq-parent1, .graphite .accordion1 a.dcjq-parent1:hover{padding: 2% 2% 2% 8%;}
.grey .accordion1 a.dcjq-parent1, .grey .accordion1 a.dcjq-parent1:hover{padding: 2% 0 4% 8%;}
.grey .accordion1 a .dcjq-icon1{left:0px;top: 8px;}
.support-btn2{  display:block; background:url(../images/support2.jpg) bottom bottom no-repeat; text-align:left;  }
.support-btn{ display:none;}
.back-home{ margin: 21px 2px 0 0 !important; }
.support-logo{ margin:13px 0 0 5%;width:46%;}

input, textarea, select {-webkit-appearance: none;}
.faq-headingtxt{margin:112px 0 22px;}


.androd-hd{ width:100%;}
.iphone-hd{width:100%;margin-top: 20px;}
.iphone-hd-txt{margin: 0 0 14px 10%;}


}
@media only screen and (min-width: 581px) and (max-width: 767px) {
.container {width: 90%; padding:13px 0px 20px;}
.container2 {width: 90%; padding:0px;}
.nav{background: url(../images/menu-icon.png)  center center no-repeat #4ca2f9;margin:18px 0 0px;text-align: left;width:7%;color:#fff;cursor:pointer; height:32px;}
#menu-icon{display:block;padding:0px; font-weight:700; color:#fff;}
.nav ul {background:#4ca2f9;display: none;left: 0;margin:0px;position: absolute;right: 0;width:100%; z-index:1000; top:39px; padding-top:0px;}
.nav ul li { width:100%; border-bottom:1px solid #dbd9d9; padding:8px 0px; margin:0px; }
.nav ul li a {padding: 0 9px 32px; font-size:15px; text-transform:none;color: #fff !important;}
.nav ul li a:hover{ color:#000 !important;}
.nav a.focus{ border-bottom:0px;padding: 0 8px 0px;}
.nav ul li ul{ left:0px; width:100%; top:39px;}
.nav a:hover{ border-bottom:0px;}
.no-border{ border:0px !important;}
.title{ font-size: 39px;padding-top: 70px;}
.title h1{ font-size: 22px;margin: 37px 0 11px;}
#intro h1 span{ font-size:18px;}
.title p{ font-size:18px;}
#intro { height: 296px;}
.aboutbg{background:#fff;}
.about-box2{ margin-bottom:0px;}
.sticky-wrapper{ margin-bottom:0px; height:69px !important;}
.hearder-left-part{ margin: 14px 0 0;width: 34%;}
.header-wrpin{ padding:0px 0px 0px; height:30px; }
.about-box ul li{margin: 0 4%;text-align: justify;width: 92%;}
.page-headingtxt{margin:83px 0 20px !important;}
.page-headingtxt h2{ font-size:36px;margin: 12px 0 10px;}
.about-box{margin-bottom: 0;}
.contact-box{ width:100%; margin-left:0px; margin:0px auto 5px;}
.contact-boxin{ width:100%; margin-left:0px;}
.contact-sendbtn{ margin-top:10px; width:41%; float:left;}
#owl-demo1 .item {
    height: 467px !important;
    padding: 2px 0 0 23px !important;
}
.owl-next {
    position: absolute;
    right: -25px !important;
}
.owl-prev {
	 position: absolute;
    left: -4px !important;
}
.view{margin-left: 3% !important;width: 96% !important; height:445px !important;}
.view img{max-width: 97% !important;}
.view .mask, .view .content{ height: 204px !important;
    margin-left: 0 !important;
    width: 100% !important;}
.view a.large{top: 60px !important; left:-9px !important;}
.view a.info{ top:60px !important; left:4px !important;}
.view a.info2{ top:60px !important;}
.copyrighttxt{ width:53%;}
.address-text{  margin-bottom: 15px;width: 45%;}

.contact-txtfield{ width:98%;}
.contact-txtfield1{ width:53%; margin-right:1px;}
.contact-txt{ width:100%;}
.cont-row{ width:100%;}
.contact-select-support{ width:100%;}
.contact-capturetxt{ margin: 0 13px 0 0;width: 41%;}
.contact-txtarea{ width:98%;}
.contact-sendbtn-support{ margin:10px 0px 0px;}
.demo-container{ width:100%; margin-left:0px !important;}
.graphite .accordion1 li {width: 93% !important;}
.grey .accordion1 li{width: 93% !important;}
.graphite .accordion1 a .dcjq-icon1{left: 0; top:8px;}
.graphite .accordion1 a.dcjq-parent1, .graphite .accordion1 a.dcjq-parent1:hover{padding: 2% 2% 2% 10%;}
.grey .accordion1 a.dcjq-parent1, .grey .accordion1 a.dcjq-parent1:hover{padding: 2% 0 4% 8%;}
.grey .accordion1 a .dcjq-icon1{left:-1px;top: 8px;}
.support-btn2{  display:block; text-align:left; width:100%; float:left; }
.support-btn{ display:none;}
.back-home{ margin: 6px 49px 0 0 !important; }
.support-logo{ margin: 13px 0 0 5%;width:37%;}

input, textarea, select {-webkit-appearance: none;}
.faq-headingtxt{margin:110px 0 22px;}

.androd-hd{ width:100%;}
.iphone-hd{width:100%;margin-top: 20px;}
.iphone-hd-txt{margin: 0 0 14px 10%;}
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
#intro{height: 520px;}
#intro .bg1 img{height: 520px;}
.container {width: 90%; padding:70px 0px 30px;}
.container2 {width: 90%; padding:0px 0px 69px;}
.header-wrpin{ padding:11px 0px 0px 0px;}
.hearder-left-part{ width:23%;}
.title{font-size: 95px;padding-top: 145px;}
.title h1 span{ font-size:38px;}
.title p{font-size: 29px;}
.nav{ width:55%;}
.nav ul li{ padding-left:0px;}
.nav ul li a{ font-size:14px;padding: 0 9px 16px;}
.contact-txtfield1{margin-right: 23px;width: 30%;}
.contact-sendbtn-support{ margin:12px 0px 0px;}
.about-box ul li{margin: 0 34px 0 1%;text-align: justify; width: 100%;}
.title h1{ font-size:56px;}

#owl-demo .item{padding: 2px 0 0 29px !important;}
.graphite .accordion1 a .dcjq-icon1{background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat scroll 0 1px; bottom: 31px;left: -5px;top: 9px;}
.owl-prev{left: -20px !important;}
.owl-next{right: -30px !important;}
.grey .accordion1 a .dcjq-icon1{background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat scroll 0 0;left: -5px;top: 6px;}
.copyrighttxt{ font-size:12px;}

input, textarea, select {-webkit-appearance: none;}
.contact-sendbtn{width: 31%;}
.contact-boxin {margin: 0 6%;width: 95%;}
.view .mask, .view .content {
    height: 285px !important; width:100% !important;
}
}


@media only screen and (min-width: 901px) and (max-width: 1023px)  {
#intro{height: 520px;}
#intro .bg1 img{height: 520px;}
.container {width: 90%; padding:70px 0px 30px;}
.container2 {width: 90%; padding:0px 0px 69px;}
.header-wrpin{ padding:11px 0px 0px 0px;}
.hearder-left-part{ width:23%;}
.title{font-size: 95px;padding-top: 145px;}
.title h1 span{ font-size:38px;}
.title p{font-size: 29px;}
.nav{ width:55%;}
.nav ul li{ padding-left:0px;}
.nav ul li a{ font-size:14px;}
.nav ul {padding-top:-1px;}
.contact-txtfield1{margin-right: 23px;width: 30%;}
.contact-sendbtn-support{ margin:12px 0px 0px;}
.about-box ul li{margin: 0 34px 0 1%;text-align: justify; width: 100%;}
.title h1{ font-size:56px;}

#owl-demo .item{padding: 2px 0 0 29px !important;}
.graphite .accordion1 a .dcjq-icon1{background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat scroll 0 1px; bottom: 31px;left: -5px;top: 9px;}
.owl-prev{left: -20px !important;}
.owl-next{right: 19px !important;}
.grey .accordion1 a .dcjq-icon1{background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat scroll 0 0;left: -5px;top: 6px;}
.copyrighttxt{ font-size:12px;}

input, textarea, select {-webkit-appearance: none;}
.contact-sendbtn{width: 31%;}
.contact-boxin {margin: 0 6%;width: 95%;}
.view .mask, .view .content {
    height: 285px !important; width:83% !important;
}
}

@media only screen and (min-width:1024px) and (max-width: 1130px) {
#intro{height: 580px;}
 #intro .bg1 img{height: 580px;}
.container {width: 90%; padding:70px 0px 30px;}
.nav{ width:65%;}
.nav ul li a{ font-size:15px;}
input, textarea, select {-webkit-appearance: none;}
.view .mask, .view .content {
    height: 257px !important; width:100% !important;}
}