
@media only screen and (max-width:1366px){
body{font-size:18px; line-height:27px}
h1{font-size:56px;}
h3{font-size:36px}
h2{font-size:45px; line-height:50px}
.section-padding{padding:100px 0}
.vr-accordion .panel-default > .panel-heading a{font-size:22px}
.videoWrap{padding:110px 0}
.videoWrap .container{width:1180px}
footer .form-control{width:66%}
    #loginModal .loginForm .inner-content {
        width: 70%;height: 496px;
    }
#loginModal .signup{margin-top:160px}
.contact-infoHolder .box a.phoneNo{font-size:27px}
    .banner-wrap .container, .onetouch-device .container {
        width: 95%;
    }
    .onetouch-device .text-content{padding:35px 0 0 0;}
    .videobox img {
        height: auto;
    }
    .cateouter .container {
        width: 100%;
    }
    .featureviseo .container {
        width: 100%;
    }
}

@media only screen and (max-width:1199px){
.videoWrap .container{width:970px}
#loginModal .loginHead{width:250px}
#loginModal .loginForm .inner-content{width:90%}
.white-bannerWrap h4{line-height:50px}
    .feature-boxHolder .box{padding:35px 15px;}
}


@media only screen and (max-width:1023px){
.header-right .navbar-nav > li > a{font-size:18px; margin-right:30px}
.header-right .default-btn{padding: 12px 25px}
h3{font-size:28px; line-height:32px}
.videoWrap .container{width:750px}
.vr-accordion{width:100%}
.userCategory h2{font-size:35px}
.userCategory p{margin-top:0}
.banner-wrap{height:auto; padding-bottom:100px}
.videoWrap .txt{padding-right:20px}
.testimony-wrap{padding:60px 0}
.testmonybox{background-size:83px auto; padding:3px}
.section-padding {padding:60px 0}
.buying-wrap{padding:40px 0 80px}
footer .submit-btn{padding-left:17px; padding-right:17px}
footer{padding-top:60px}
.contact-infoHolder{margin-top:60px}

}

@media only screen and (max-width:991px){
.videoWrap .container{width:100%}
.banner{margin-top:60px}
#loginModal .loginHead{width:100%; display:inline-block; float:none; border-radius:20px 20px 0 0; padding-top:35px; padding-bottom:35px}
#loginModal .loginHead img{width:60px}
#loginModal .loginHead h1{font-size:30px; line-height:none}
#loginModal .loginForm{width:100%; display:inline-block; float:none; padding-top:40px; padding-bottom:30px}
#loginModal .signup{margin-top:30px}
.feature-bannerWrap{text-align:center; padding-bottom:0; height:auto;}
.feature-bannerWrap .banner .bannerPic2{width:60%; position:relative; top:24px; text-align:center; margin-bottom:60px; right:0;}
.feature-bannerWrap .banner .bannerPic2 img{width:80%; display:inline-block}
.feature-boxHolder{display:flex; justify-content:space-between}
.feature-pic img{width:100%}
.strategize-wrap{background-position:left top 0}
.strategize-wrap .desc{padding-right:20px}
.tab-panel h2{text-align:center}
.tab-panel .nav-pills{text-align:center}
.tab-panel .nav-pills > li{float:none; display:inline-block}
.contact-infoHolder{flex-direction:column}
.contact-infoHolder .box{width:100%; margin-left:0; margin-bottom:20px; padding:20px}
.white-bannerWrap{text-align:center}
.greenSelectbox{float:none; display:inline-block}
.pricing-greenWrap .infobox{padding-left:0; padding-right:0}
.pricing-greenWrap{padding:90px 0}
.policybox .icon{margin-right:6px}
.policybox .title{line-height:28px; font-size:21px}
.policybox .txt{font-size:16px; line-height:25px}
.shipping{padding:0}
.shipping-details{font-size:17px}
.shipping-details .default-btn{padding:9px 0; font-size:15px}
.edit-Infobox{width:100%}
.edit-Infobox:last-child{margin-bottom:60px}
}


@media only screen and (max-width:767px){
    .outertab{width:100%;}
    .banner {
        margin-top: 60px
    }
.header-right{position:relative}
.header-right nav{display:block}
.navbar-toggle{padding:0; margin:0; position:absolute; right:0; top:7px; border:0}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent}
.navbar-toggle .icon-bar{width:32px; height:4px; background:#fff !important}
    .white .navbar-toggle .icon-bar {
        background: #36A692 !important;
    }
    header.white .header-right .navbar-nav > li > a{color:#fff;}
.banner .bannerPic, .banner .bannerText{width:100%; text-align:center}
.userCategory img{width:80%}
.userCategory:first-child{margin-bottom:90px}
footer h4{margin-top:50px}
.videoWrap{padding:50px 0}
.videoWrap .txt{width:100%; padding-right:0; text-align:center}
.videoWrap .videobox{width:100%; margin:40px 0 0}
.videoWrap p{margin-top:15px}
h2{font-size:34px; line-height:normal; margin-bottom:0}
.text-content{text-align:center}
.text-content p{margin-top:12px}
.large-text{font-size:24px; line-height:30px}
.testimony-wrap{padding:0}
.testmonybox p{font-size:22px; line-height:34px}
.banner .bannerPic{margin-top:60px}
.banner .bannerPic img{width:80%; position:relative; right:0; display:inline-block}
.header-right .userIcon{position:fixed; right:62px; top:11px}
.header-right .default-btn{position:absolute; right:111px; top:-6px}
.sticky .logo{margin-top:0}
.navbar-collapse{border-top:0; overflow-x:hidden}
.header-right .navbar-nav > li > a.active, .header-right .navbar-nav > li > a:hover {border-bottom:0}
.header-right .navbar-nav > li > a{text-align:left; font-size:22px; margin-right:0; padding:6px 32px; background: #3ca695; border-bottom: 1px solid #3bb5a1;}
.default-btn, .banner a.default-btn{width:76%; font-size:18px; padding-left:40px; padding-right:40px}
.strategize-wrap .desc{padding-right:0; padding-bottom:30px}
.strategize-wrap .txt{font-size:20px; line-height:27px}
.feature-boxHolder{margin-top:50px; position:static;}
    .featureban_cont {
        width: 100%;
    }
.tab-panel p{font-size:20px; line-height:27px; text-align:center}
.policybox{margin-bottom:30px} 
.pricing-greenWrap{background-size:115% auto}
.greenSelectbox button{font-size:18px}
}

@media only screen and (max-width:614px){

}


@media only screen and (max-width:576px){
.default-btn{width:260px}
#loginModal .modal-dialog{width:86%}
#loginModal .sociaLogin .icon{left:15px}
.feature-boxHolder{flex-direction: column}
.feature-boxHolder .box{width:100%; margin:0 0 20px}
h1{font-size:36px; line-height:46px}
h2{font-size:28px}
.strategize-wrap .icon{width:48px}
.strategize-wrap .desc{padding-bottom:45px}
.faq-accordion .panel-default > .panel-heading a{font-size:18px; line-height:25px; padding-right:25px}
.shipping-radio{position:relative; top:3px}
.greenSelectbox{width:100%; margin:24px 0 0}
.greenSelectbox button{font-size:16px}
.default-btn, .banner a.default-btn{/*width:100%;*/ font-size:16px; /*line-height:60px*/}
.white-bannerWrap h1{font-size:44px; line-height:normal}
.white-bannerWrap h1 span{font-size:22px}  
.white-bannerWrap h4{font-size:37px; line-height:normal}
}

	
