@media screen and (min-width: 1250px) and (max-width: 1500px) {
.sec-banner .desc {
    padding: 30px 0;
}
.sec-banner .anim-img {
    max-width: 650px;
    position: absolute;
    top: 40px;
    left: 0;
}
.sec-banner .anim-img .img-1 img {
    max-width: 430px !important;
}
.sec-banner .anim-img .img-2 {
    position: absolute;
    top: auto;
    bottom: -15px;
    left: 50px;
    z-index: 99;
}
.sec-banner .anim-img .img-2 img {
    max-width: 160px;
}
.sec-banner .anim-img .img-3 {
    position: absolute;
    top: auto;
    bottom: 40px;
    left: 200px;
    z-index: 99;
}
.sec-banner .anim-img .img-3 img {
    max-width: 350px;
}
.sec-banner .anim-img .img-4 {
    position: absolute;
    top: 50px;
    right: -140px;
}
.sec-banner .anim-img .img-4 img {
    max-width: 360px;
}
.sec-banner .desc ul {
    margin: 20px 0;
}
.sec-banner .desc ul li {
    margin-bottom: 7px;
}
.sec-banner .desc h6 {
    margin: 20px 0 12px;
}
.sec-4 .offset-md-2 {
    margin-left: 8%;
}
.sec-4 .col-md-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.agency-slider img {
    width: 100%;
}
.sec-4 .desc {
    padding-top: 60px;
}
.sec-4 .desc a.st, .sec-4 .desc a.port {
    padding: 9px 15px;
}
.sec-4 .slick-arrow {
    bottom: 110px;

}
.sec-5 {
    margin-top: 0;
}
.sec-port .main .pic img {
    height: 280px;
}
.sec-port .main:hover .desc {
    top: 30px;
}
.sec-port .main .desc a.st {
    margin: 30px 0 0;
    font-size: 14px;
}
.sec-port .main .desc p {
    font-size: 14px;
}
.sec-port .main .pic:after {
    content: '';
    width: 92%;
    height: 92%;
    left: 12px;
    top: 12px;
}
.sec-mile .abs-img {
    width: 250px;
}
.sec-rev .abs-img {
    width: 300px;
}
.sec-rev .top-desc p {
    max-width: 60%;
}
.sec-rev {
    padding: 60px 0 60px;
}
.sec-rev .top-desc {
    margin: 120px 0 40px;
}
.sec-rev .slick-arrow {
    bottom: -50px;
}
.sec-banner.majento-ban .anim-img .img-1 img {
    max-width: 570px;
}
.sec-banner.majento-ban .anim-img .img-3 {
    left: 170px;
    top: 0;
}
.sec-banner.majento-ban .anim-img {
    left: -40px;
}
.sec-majento-4 .main .pic {
    height: 360px;
}
.sec-majento-4 .main .desc p {
    font-size: 15px;
    line-height: 20px;
}
.sec-majento-4 .main .desc h3 {
    font-size: 16px;
}
.sec-majento-5 , .wordpress-sup section.sec-4{
    padding: 50px 0 50px;
}
.sec-banner.opencart-ban .anim-img {
    top: 70px;
}
.sec-banner.opencart-ban .anim-img .img-1 img {
    max-width: 480px;
}
.sec-banner.opencart-ban .anim-img .img-2 img {
    max-width: 330px;
}
.sec-banner.opencart-ban .anim-img .img-3 {
    left: 180px;
}
.sec-banner.shopify-ban .anim-img .img-1 img {
    width: 550px;
    max-width: 550px;
}
.sec-banner.shopify-ban .anim-img {
    top: 70px;
}
.sec-banner .anim-img .img-1 img {
    max-width: 620px;
}
.sec-banner.health-ban .anim-img .img-1 img {
    max-width: 620px !important;  
}
.cont-sec-3 {
    padding: 60px 0 40px;
}
body.ecom-tab .sec-banner .desc {
    max-width: 90%;
}
body.ecom-tab .sec-banner .desc h1 {
    font-size: 32px;
    margin: 0 0 20px;
}
body.ecom-tab .sec-banner .anim-img .img-1 img {
    max-width: 520px !important;
}
body.woocomerce.ecom-tab .sec-banner .anim-img .img-1 img {
    max-width: 440px !important;
}
body.wordpress-sup.ecom-tab .sec-banner .anim-img .img-1 img {
    max-width: 380px !important;
}
body.wordpress-sup.ecom-tab .sec-banner .anim-img .img-1 {
    top: -30px;
}
body.combo-pckge .sec-banner .desc {
    max-width: 90%;
}
body.combo-pckge .sec-banner .desc h1 {
    font-size: 32px;
    margin: 0 0 20px;
}
body.combo-pckge .sec-banner .anim-img .img-1 img {
    max-width: 290px !important;
}

body.portfolio-page .sec-banner .desc {
    max-width: 90%;
}
body.portfolio-page .sec-banner .desc h1 {
    font-size: 32px;
    margin: 0 0 20px;
}
body.portfolio-page .sec-banner .anim-img .img-1 img {
    max-width: 450px !important;
    top: 0;
}
.sec-4 .desc h2.head {
    font-size: 22px;
}
.contact-page .sec-banner.cont-ban .anim-img {
    position: relative;
    top: 40px;
}
.contact-page .sec-banner .anim-img .img-1 img {
    max-width: 380px !important;
}
.thank {
    height: 400px;
}
.thank .desc h1 {
    font-size: 60px;
}
.thank .desc p {
    font-size: 16px;
}
.thank .desc {
    padding-top: 100px;
}
body.lp-web .sec-banner .desc {
    max-width: 90%;
}
body.lp-web .sec-banner .desc h1 {
    font-size: 32px;
    margin: 0 0 20px;
}
.sec-banner .box-lead {
    padding: 30px;
    margin-top: 5px;
}
.popupform .box-lead form input, .popupform .box-lead form select, .popupform .box-lead form textarea {
    padding: 12px;
    margin-bottom: 10px;;
}
.lp-ind .lf {
    padding-left: 9vw;
}
.sec-rev .slick-list {
    padding: 0 18vw 0 0;
}
.sec-cta2 {
    background-position: right;
}
.sec-mile .top-desc {
    max-width: 70%;
}
.sec-rev .main h2{
    font-size: 16px;
}
section.sec-4 {
    padding-bottom: 30px;
}
.sec-banner .desc h1 {
    font-size: 34px;
}
.sec-3 .top-desc {
    max-width: 65%;
}
}




@media screen and (min-width: 1100px) and (max-width: 1250px) {
body.home-page .sec-banner .anim-img .mob-mock {
    display: block;
}
body.home-page .sec-banner .anim-img figure {
    display: none;
}
header .head-btm .menu ul li a {
    font-size: 11px;
}
header .head-btm .menu ul li {
    padding: 13px 0 0 10px;
}
header .head-top .top-info ul li a {
    font-size: 12px;
}
header .head-top .top-info ul li {
    padding: 0 15px;
    line-height: 20px;
}
.sec-mile.anim-play .abs-img{
    display: none !important;
}
.sec-banner .anim-img {
    max-width: 100%;
    position: relative;
    top: 60px;
}
.sec-banner .desc {
    padding: 40px 0;
}
.sec-banner .desc h1 {
    font-size: 30px;
    margin: 0 0 20px;
}
.sec-banner .desc p {
    font-size: 12px;
    line-height: 20px;
}
.sec-banner .desc ul {
    margin: 10px 0;
}
.sec-banner .desc ul li {
    margin-bottom: 5px;
}
.sec-banner .desc h6 {
    margin: 25px 0;
    font-size: 12px;
}
.sec-banner .anim-img .mob-mock img {
    width: 430px;
}
.sec-2 .main {
    padding: 40px 0;
    min-height: 120px;
}
.sec-2 .main svg {
    float: left;
    width: 35px;
}
.sec-2 .main h4 {
    font-size: 12px;
    line-height: 22px;
    padding: 0px 0px 0 40px;
}
.sec-3 .box h4 {
    font-size: 16px;
    margin: 20px 0 8px;
}
h2.head {
    font-size: 24px;
}
.sec-3 .top-desc {
    max-width: 70%;
}
.sec-4 .offset-md-2 {
    margin-left: 6%;
    flex: 0 0 40%;
    max-width: 40%;
}
.sec-4  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52%;
    flex: 0 0 52%;
    max-width: 52%;
}
.sec-4 .desc {
    padding-top: 80px;
}
.sec-4 .desc a.st , .sec-4 .desc a.port{
    padding: 9px 15px;
}
.sec-5 .desc h3 {
    font-size: 28px;
}
.sec-5 .desc h2 {
    font-size: 26px;
}
.sec-3 .box {
    padding: 25px 10px;
}
.sec-3 .box p {
    font-size: 12px;
    line-height: 20px;
}
.sec-port .main .pic img {
    height: 280px;
}
.sec-port .main:hover .desc {
    top: 40px;
}
.sec-port .main .desc p {
    font-size: 14px;
    line-height: 18px;  
    margin: 5px 0 0;
}
.sec-port .main .desc span {
    font-size: 14px;
    line-height: 24px;
}
.sec-port .main .desc a.st {
    font-size: 14px;
    padding: 9px 16px 9px;
    margin: 40px 0 0;
}
.sec-port .main .pic:after {
    width: 94%;
    height: 94%;
    left: 8px;
    top: 9px;
}
.sec-port .main .desc img.lazy {
    max-width: 150px;
}
.sec-pricing .pdiv .btm ul li, .sec-pricing .cdiv .cbtm ul li {
    padding-left: 20px;
    font-size: 12px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.sec-pricing .pdiv .btm ul.cta li a {
    font-size: 12px;
}
.sec-pricing .cdiv .cbtm h5 {
    font-size: 14px;
}
.sec-pricing .pdiv .btm h4 {
    font-size: 20px;
}
.sec-pricing .cdiv .cbtm a.order {
    font-size: 12px;
}
.sec-cta2 {
    background: url(../images/cta2-bg.jpg) no-repeat right;
    padding: 60px 0;
}
.sec-cta2 .desc h2 {
    font-size: 30px;
}
.sec-cta2 .desc p {
    font-size: 16px;
    line-height: 24px;
}
.sec-mile .top-desc {
    max-width: 70%;
}
.sec-mile .col-md-5 {
    flex: 0 0 44%;
    max-width: 44%;
}
.sec-rev .top-desc p {
    max-width: 65%;
}
.contact-form p {
    font-size: 16px;
    line-height: 2.4;
}
body.ecom-tab .sec-banner .anim-img .img-1 img {
    max-width: 420px;
}
body.ecom-tab .sec-banner .anim-img .img-1 img {
    max-width: 440px;
}
.sec-banner.majento-ban .anim-img .img-2 img {
    max-width: 170px;
}
.sec-banner.majento-ban .anim-img .img-2 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 130px;
    z-index: 99;
}
.sec-banner.majento-ban .anim-img .img-3 {
    position: absolute;
    top: 20px;
    bottom: auto;
    left: 160px;
    z-index: 99;
}
.sec-banner.majento-ban .anim-img .img-3 img {
    max-width: 130px;
}
.sec-majento-3 .main .desc h4 {
    font-size: 14px;
}
.sec-majento-3 .main-img img {
    width: 100%;
    margin: auto;
}
.sec-majento-4 .main .pic {
    width: 100%;
    height: 340px;
}
.sec-majento-4 .main .desc p {
    font-size: 14px;
    line-height: 16px;
}
.sec-majento-4 .main .desc h3 {
    font-size: 16px;
}
.sec-majento-5 .main p {
    font-size: 14px;
    line-height: 24px;
}
.sec-majento-5 .main h4 {
    font-size: 18px;
}
.sec-banner.ecom-sol .anim-img .img-1 {
    top: 10px;
}
body.ecom-tab .sec-banner.ecom-sol .anim-img .img-1 img {
    max-width: 450px;
}
.sec-banner.opencart-ban .anim-img .img-3 img {
    max-width: 120px;
}
.sec-banner.opencart-ban .anim-img .img-3 {
    top: -30px;
    left: 150px;
}
.sec-banner.opencart-ban .anim-img .img-2 {
    left: 100px;
}
.sec-banner.opencart-ban .anim-img .img-2 img {
    max-width: 280px;
}
.sec-banner.woo-ban .anim-img .img-2 img {
    max-width: 180px;
}
.sec-banner.woo-ban .anim-img .img-2 {
    left: 230px;
}
body.wordpress-sup.ecom-tab .sec-banner .anim-img .img-1 img {
    max-width: 360px;
}
.wordpress-sup .sec-3 .box {
    margin-bottom: 10px;
    min-height: 320px;
}
.wordpress-sup .sec-4 .desc {
    padding-top: 10px;
    padding-bottom: 60px;
}
body.portfolio-page .sec-banner .anim-img .img-1 img {
    max-width: 400px;
    top: 40px;
    position: relative;
}
body.portfolio-page .sec-banner .desc h1 {
    font-size: 26px;
}
.portfolio-page .sec-port ul.port-menu li {
    padding: 0 10px;
}
.portfolio-page .sec-port ul.port-menu li a {
    font-size: 14px;
    width: 210px;
}
.footer .foot-links ul li {
    margin-bottom: 5px;
    padding-left: 15px;
}
body.health .sec-banner .desc h1 {
    font-size: 26px;
}
.sec-banner.health-ban .anim-img {
    top: 0;
}
.sec-banner.health-ban .anim-img img {
    max-width: 460px;
}
body.contact-page .sec-banner .anim-img .img-1 {
    top: -20px;
}
body.contact-page .sec-banner.cont-ban .anim-img img {
    width: 90%;
}
.cont-sec-2 .box p, .cont-sec-2 .box a {
    font-size: 13px;
    line-height: 20px;
}
}





@media screen and (min-width: 950px) and (max-width: 1090px) {
header .col-md-10, header .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
header .head-btm .logo img {
    width: 100%;
    max-width: 130px;
    margin: auto;
}
header .head-btm .logo {
    text-align: left;
}
header .head-btm .menu {
    text-align: center;
}
.startproj .start-form.active, .startproj .start-btn{
    display: none;
}
body.home-page .sec-banner .anim-img .mob-mock {
    display: block;
}
body.home-page .sec-banner .anim-img figure {
    display: none;
}
.sec-banner .desc {
    padding: 20px 0;
}
.sec-banner .desc h1 {
    font-size: 26px;
    margin: 0 0 15px;
}
.sec-banner .desc ul {
    margin: 15px 0;
}
.sec-banner .desc ul li {
    margin-bottom: 5px;
}
.sec-banner .desc ul li p {
    font-size: 12px;
    line-height: 24px;
}
* a.st , * a.port{
    font-size: 14px !important;
    padding: 8px 20px !important;
}
* a.st img , * a.port img{
    padding-left: 10px !important;
}
.sec-banner .desc h6 {
    margin: 25px 0 15px;
    font-size: 14px;
}
body.home-page .sec-banner .anim-img .mob-mock img {
    width: 100%;
}
.sec-2 .main {
    padding: 30px 0;
    min-height: 120px;
}
.sec-2 .main h4 {
    font-size: 11px;
    line-height: 20px;
}
.sec-3 .top-desc {
    max-width: 75%;
}
h2.head {
    font-size: 24px;
}
.sec-3 .box h4 {
    font-size: 16px;
}
.sec-3 .box p {
    font-size: 12px;
    line-height: 20px;
}
.sec-3 .box {
    padding: 20px 10px;
}
.sec-4 .offset-md-2 {
    margin-left: 4%;
    flex: 0 0 42%;
    max-width: 42%;
}
.sec-4  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52%;
    flex: 0 0 52%;
    max-width: 52%;
}
.sec-4 .desc {
    padding-top: 40px;
}
.sec-5 .desc h2 {
    font-size: 26px;
}
.sec-5 .desc h3 {
    font-size: 28px;
}
.sec-port .main .pic img {
    height: 280px;
}
.sec-port .main:hover .desc {
    top: 40px;
}
.sec-port .main .desc p {
    font-size: 14px;
    line-height: 18px;  
    margin: 5px 0 0;
}
.sec-port .main .desc span {
    font-size: 14px;
    line-height: 24px;
}
.sec-port .main .desc a.st {
    font-size: 14px;
    padding: 9px 16px 9px;
    margin: 40px 0 0;
}
.sec-port .main .pic:after {
    width: 94%;
    height: 94%;
    left: 8px;
    top: 9px;
}
.sec-port .main .desc img.lazy {
    max-width: 150px;
}



.sec-pricing .pdiv .btm ul li, .sec-pricing .cdiv .cbtm ul li {
    padding-left: 20px;
    font-size: 12px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.sec-pricing .pdiv .btm ul.cta li a {
    font-size: 12px;
}
.sec-pricing .cdiv .cbtm h5 {
    font-size: 14px;
}
.sec-pricing .pdiv .btm h4 {
    font-size: 20px;
}
.sec-pricing .cdiv .cbtm a.order {
    font-size: 12px;
}
.sec-cta2 {
    background: url(../images/cta2-bg.jpg) no-repeat right;
    padding: 60px 0;
}
.sec-cta2 .desc h2 {
    font-size: 30px;
}
.sec-cta2 .desc p {
    font-size: 16px;
    line-height: 24px;
}
.sec-mile .top-desc {
    max-width: 70%;
}
.sec-mile .col-md-5 {
    flex: 0 0 44%;
    max-width: 44%;
}
.sec-rev .top-desc p {
    max-width: 65%;
}
.contact-form p {
    font-size: 16px;
    line-height: 2.4;
}
body.ecom-tab .sec-banner .anim-img .img-1 img {
    max-width: 420px;
}
body.ecom-tab .sec-banner .anim-img .img-1 img {
    max-width: 400px;
}
.sec-banner.majento-ban .anim-img .img-2 img {
    max-width: 170px;
}
.sec-banner.majento-ban .anim-img .img-2 {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 130px;
    z-index: 99;
}
.sec-banner.majento-ban .anim-img .img-3 {
    position: absolute;
    top: 20px;
    bottom: auto;
    left: 160px;
    z-index: 99;
}
.sec-banner.majento-ban .anim-img .img-3 img {
    max-width: 130px;
}
.sec-majento-3 .main .desc h4 {
    font-size: 14px;
}
.sec-majento-3 .main-img img {
    width: 100%;
    margin: auto;
}
.sec-majento-4 .main .pic {
    width: 100%;
    height: 340px;
}
.sec-majento-4 .main .desc p {
    font-size: 13px;
    line-height: 16px;
}
.sec-majento-4 .main .desc h3 {
    font-size: 16px;
}
.sec-majento-5 .main p {
    font-size: 14px;
    line-height: 24px;
}
.sec-majento-5 .main h4 {
    font-size: 18px;
}
.sec-banner.ecom-sol .anim-img .img-1 {
    top: 10px;
}
body.ecom-tab .sec-banner.ecom-sol .anim-img .img-1 img {
    max-width: 400px;
}
.sec-banner.opencart-ban .anim-img .img-3 img {
    max-width: 120px;
}
.sec-banner.opencart-ban .anim-img .img-3 {
    top: -30px;
    left: 150px;
}
.sec-banner.opencart-ban .anim-img .img-2 {
    left: 70px;
}
.sec-banner.opencart-ban .anim-img .img-2 img {
    max-width: 280px;
}
.sec-banner.woo-ban .anim-img .img-2 img {
    max-width: 180px;
}
.sec-banner.woo-ban .anim-img .img-2 {
    left: 230px;
}
body.wordpress-sup.ecom-tab .sec-banner .anim-img .img-1 img {
    max-width: 360px;
}
.wordpress-sup .sec-3 .box {
    margin-bottom: 10px;
    min-height: 320px;
}
.wordpress-sup .sec-4 .desc {
    padding-top: 10px;
    padding-bottom: 60px;
}
body.portfolio-page .sec-banner .anim-img .img-1 img {
    max-width: 400px;
    top: 40px;
    position: relative;
}
body.portfolio-page .sec-banner .desc h1 {
    font-size: 26px;
}
.portfolio-page .sec-port ul.port-menu li {
    padding: 0 10px;
}
.portfolio-page .sec-port ul.port-menu li a {
    font-size: 14px;
    width: 210px;
}
.footer .foot-links ul li {
    margin-bottom: 5px;
    padding-left: 15px;
}
body.health .sec-banner .desc h1 {
    font-size: 26px;
}
.sec-banner.health-ban .anim-img {
    top: 0;
}
.sec-banner.health-ban .anim-img img {
    max-width: 460px;
}
body.contact-page .sec-banner .anim-img .img-1 {
    top: -20px;
}
body.contact-page .sec-banner.cont-ban .anim-img img {
    width: 90%;
}
.cont-sec-2 .box p, .cont-sec-2 .box a {
    font-size: 13px;
    line-height: 20px;
}
.sec-mile.anim-play .abs-img{
    display: none !important;
}
section.sec-banner.majento-ban .anim-img {
    left: -20px;
}
.sec-majento-3 .main .desc p {
    line-height: 19px;
}
.sec-banner.opencart-ban .anim-img {
    top: 30px;
}
.sec-banner.shopify-ban .anim-img {
    top: 70px;
}
.sec-banner .desc ul li img {
    padding-right: 5px;
}
.sec-banner.woo-ban .anim-img {
    top: 30px;
    left: 0;
}
.wordpress-sup .sec-banner .anim-img {
    top: 30px;
}
header .head-btm .menu ul li {
    padding: 10px 6px 10px 6px;
}
.sec-banner.combo-ban .anim-img img {
    width: 80%;
}
.sec-banner.combo-ban .anim-img {
    top: 0;
}
.sec-banner .box-lead {
    padding: 30px;
    margin-top: 0;
}
.sec-banner .box-lead form input, .sec-banner .box-lead form select, .sec-banner .box-lead form textarea {
    padding: 10px;
    margin-bottom: 10px;
}
.sec-banner .box-lead form input[type="submit"] {
    margin: 15px 0 0;;
}
.lp-ind .lf {
    padding-left: 4vw;
    margin: 25px 0 0;
}
body.lp-web header .col-md-10,body.lp-web header .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.popupform .box-lead form input, .popupform .box-lead form select, .popupform .box-lead form textarea {
    font-size: 11px;
    font-weight: 500;
    padding: 10px;
    margin-bottom: 10px;
}
.sec-pricing .cdiv .cbtm a.call span {
    display: block;
}
.sec-pricing .cdiv .cbtm a.call i {
    padding-left: 0;
}
}

@media screen and (min-width: 100px) and (max-width: 950px) {
html, body {
    overflow-x: hidden;
}

a#hamburg{
    display: block;
    background-image: -moz-linear-gradient( 0deg, rgb(205,64,143) 0%, rgb(9,79,195) 100%);
    background-image: -webkit-linear-gradient( 
0deg
 , rgb(205,64,143) 0%, rgb(9,79,195) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(205,64,143) 0%, rgb(9,79,195) 100%);
}
html.open-menu nav.nav1 {
    z-index: 99999;
}
nav.nav1 .logo{
    text-align: center;
    margin: 40px 20px 20px;
}
nav.nav1 .logo img{
    width: 80%;
    margin: auto;
}
nav.nav1 .container {
    padding: 0;
}
.nav1 ul li {
    display: inline-block;
    border-bottom: 1px solid #999;
    width: 100%;
    position: relative;
    padding: 12px !important;
}
.nav1 ul li a {
    display: inline-block;
    padding: 0;
    font-weight: 500;
    font-size: 12px;
}
.nav1 ul li i.fa {
    display: inline-block;
    float: right;
    font-size: 11px;
    position: relative;
    top: 8px;
}
header .head-btm .menu {
    display: none;
}
.startproj .start-form.active, .startproj .start-btn{
    display: none;
}
header .head-top .top-info ul li {
    padding: 0 12px;
    line-height: 15px;
}
header .head-top .top-info ul li a {
    font-size: 12px;
}
header .head-btm .col-md-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
header .head-btm .logo img {
    width: 100%;
    max-width: 180px;
}
header .head-btm .logo {
    text-align: center;
}
.sec-banner .anim-img {
    display: none;
}
.sec-banner .col-md-7{
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.sec-banner .desc {
    padding: 30px 0;
}
.sec-banner .desc h1 {
    font-size: 30px;
    margin: 0 0 20px;
}
.sec-banner .desc ul {
    margin: 20px 0;
}
.sec-banner .desc h6 {
    margin: 25px 0 22px;
}
.sec-2{
    display: none;
}
h2.head {
    font-size: 24px;
}
.sec-3 .top-desc {
    max-width: 100%;
}
.sec-3 .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
}
.sec-3 .box h4 br{
    display: none;
}
.sec-4 .offset-md-2 {
    margin-left: 0%;
    flex: 0 0 50%;
    max-width: 50%;
}
.sec-4  .col-md-5{
    flex: 0 0 50%;
    max-width: 50%;
}
.sec-4 .desc {
    padding-top: 20px;
}
.sec-4 .desc a.st {
    font-size: 12px;
    padding: 9px 15px;
}
.sec-4 .desc a.port {
    font-size: 12px;
    padding: 9px 15px;
}
.sec-4 .slick-next.slick-arrow {
    left: 36%;
}
.sec-5 .desc h2 {
    font-size: 24px;
}
.sec-5 .desc h3 {
    font-size: 24px;
}
.sec-5 .desc p {
    font-size: 15px;
}
.sec-5 .desc a.st, .sec-5 .desc a.port{
    font-size: 12px;
    padding: 9px 15px;
}
.sec-5 .offset-md-1.col-md-4 {
    margin-left: 1%;
    flex: 0 0 40.333333%;
    max-width: 40.333333%;
}
.sec-5 .formdv input[type="submit"] {
    padding: 10px 70px 10px 20px;
    background: #ffffff url(../images/right-ar.png) no-repeat 100px center;
}
.sec-port .col-md-3, .sec-port .col-md-6{
    flex: 0 0 50%;
    max-width: 50%;
}
.sec-port .main .pic img {
    height: 300px;
}
.sec-port .main:hover .desc {
    top: 60px;
}
.sec-port .main .desc a.st {
    font-size: 13px;
    margin: 30px 0 0;
}
.sec-port .main .pic:after {
    width: 93%;
    height: 92%;
    left: 14px;
    top: 14px;
}
.sec-pricing ul.pckg-menu li a {
    padding: 8px 10px;
    font-size: 13px;
}
.sec-pricing .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 60%;
    max-width: 60%;
    margin: 0 auto 30px;
}
.sec-pricing .cdiv .cbtm .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.sec-pricing .cdiv .cbtm h5 {
    font-size: 16px;
}
.sec-pricing .cdiv .cbtm h3 {
    font-size: 30px;
}
.sec-pricing .cdiv .cbtm h3 span {
    font-size: 17px;
    top: 0;
}
.sec-cta2  .col-md-6 {
    flex: 0 0 80%;
    max-width: 80%;
}
.sec-cta2 .desc h3 {
    font-size: 26px;
}
.sec-cta2 .desc h2 {
    font-size: 22px;
}
.sec-cta2 .desc p {
    font-size: 14px;
    line-height: 21px;
}
.sec-cta2 {
    background-position: right;
}
.sec-pricing .cdiv .cbtm a.order {
    text-align: center;
}
.sec-mile.anim-play .abs-img, .sec-rev.anim-play .abs-img{
    display: none !important;
}
.sec-mile .top-desc {
    max-width: 100%;
}
.sec-mile .col-md-5 {
    margin-right: 15px;
}
.sec-rev {
    background-image: none;
    background-color: #6f1271;
}
.sec-rev .top-desc {
    margin: 0px 0 40px;
    text-align: center;
}
.sec-rev .offset-md-4.col-md-8, .sec-rev .col-md-8 {
    margin-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
.sec-rev .top-desc p {
    color: #fff;
    max-width: 70%;
    margin: auto;
}
.sec-rev .ocean{
    display: none;
}
.sec-rev .slick-list {
    padding: 0 50vw 0 0;
}
.sec-cont .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.footer .foot-logo img {
    width: 140px;
}
.footer .foot-links h3 {
    margin: 0 0 25px;
    font-size: 13px;
}
.footer .foot-links ul li a {
    font-size: 11px;
    display: inline-block;
}
.footer .foot-logo p {
    font-size: 11px;
    max-width: 100%;
}
.footer .foot-logo img {
    width: 140px;
}
.popupform .box-lead form input, .popupform .box-lead form select, .popupform .box-lead form textarea {
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px;
}
}


@media screen and (min-width: 100px) and (max-width: 800px) {
.sec-rev .slick-list {
    padding: 0 10vw 0 0;
}
}

@media screen and (min-width: 100px) and (max-width: 600px) {
header .head-top .top-info ul li:last-child , header .head-top .top-info ul li:nth-child(3) {
    padding-right: 0;
    display: none;
}
header .head-top .top-info {
    text-align: center;
}
header .head-top .top-info ul li {
    padding: 0 5px;
    line-height: 15px;
}
header .head-top .top-info ul li a {
    font-size: 12px;
}
header .head-top {
    text-align: center;
}
header .head-btm .logo img {
    width: 100%;
    max-width: 140px;
}
.sec-banner .desc h1 {
    font-size: 22px;
    margin: 0 0 20px;
}
.sec-banner .desc p {
    font-size: 13px;
    line-height: 19px;
}
.sec-banner .desc ul li {
    list-style: none;
    width: 100%;
    float: none;
    margin-bottom: 8px;
}
.sec-banner .desc a.st,.sec-banner .desc a.port {
    font-size: 12px;
    padding: 8px 15px;
}
.sec-banner .desc a.port img, .sec-banner .desc a.st img {
    padding-left: 10px;
    max-width: 25px;
}
.sec-banner .desc a.st {
    margin-right: 10px;
}
.sec-banner .desc img.rev-logo {
    width: 100%;
}
.sec-3 .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
h2.head {
    font-size: 20px;
}
.sec-3 .top-desc p {
    max-width: 100%;
    margin: auto;
}
.sec-4 .offset-md-2 , .sec-4 .col-md-5 {
    margin-left: 0%;
    flex: 0 0 100%;
    max-width: 100%;
}
.sec-3 .box h4 {
    font-size: 16px;
}
.sec-4 .desc a.st,.sec-4 .desc a.port {
    font-size: 12px;
    padding: 8px 15px;
}
.sec-4 .desc a.port img, .sec-4 .desc a.st img {
    padding-left: 10px;
    max-width: 25px;
}
.sec-4 .desc a.st {
    margin-right: 10px;
}
.sec-4 .desc {
    margin-bottom: 60px;
}
.sec-4 .slick-next.slick-arrow {
    left: 32%;
}
.sec-4 .slick-arrow {
    right: 42%;
}
.sec-5 .offset-md-1.col-md-4 {
    margin-left: 0;
    flex: 0 0 100%;
    max-width: 100%;
}
.sec-5 .formdv {
    margin-top: 80px;
}
.sec-port .top-desc h2 br{
    display: none;
}
.sec-port .col-md-3, .sec-port .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
.sec-port .main .pic:after {
    width: 92%;
    height: 92%;
    left: 12px;
    top: 14px;
}
.sec-port .main.bg .pic:after {
    width: 92%;
}
.sec-port .btnss a.st, .sec-port .btnss a.port{
    font-size: 12px;
    padding: 8px 15px;
}
.sec-port .btnss a.port img, .sec-port .btnss a.st img {
    padding-left: 10px;
    max-width: 25px;
}
.sec-port .btnss a.st {
    margin-right: 10px;
}
.sec-pricing ul.pckg-menu li {
    display: block;
    margin-bottom: 10px;
}
.sec-pricing ul.pckg-menu li a {
    display: block;
}
.sec-pricing .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.sec-pricing .pdiv .btm ul li , .sec-pricing .cdiv .cbtm ul li{
    font-size: 12px;
}
.sec-pricing .pdiv .btm {
    padding: 10px 15px;
}
.sec-pricing .pdiv .btm ul.cta li a {
    font-size: 12px;
}
.sec-pricing .best .pdiv:before {
    right: -10px;
    width: 70px;
    height: 70px;
    background-size: contain;
}
.sec-pricing .seller .cdiv:before {
    top: -3px;
    right: 0;
    width: 70px;
    height: 70px;
    background-size: contain;
}
.sec-pricing .cdiv .ctop h2 {
    font-size: 20px;
}
.sec-pricing .pdiv .top h3 span {
    font-size: 15px;
    top: -3px;
    padding-left: 8px;
}
.sec-pricing .pdiv .top h3 {
    font-size: 26px;
}
.sec-pricing .cdiv .cbtm .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.sec-pricing .cdiv .cbtm h4 img {
    padding-right: 20px;
    margin-bottom: 10px;
}
.sec-pricing .cdiv .cbtm h4.tit {
    font-size: 22px;
}
.sec-cta2 .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
.sec-cta2 .desc a.st, .sec-cta2 .desc a.port{
    font-size: 12px;
    padding: 8px 15px;
}
.sec-cta2 .desc a.port img, .sec-cta2 .desc a.st img {
    padding-left: 10px;
    max-width: 25px;
}
.sec-cta2 .desc a.st {
    margin-right: 10px;
}
.sec-mile .col-md-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0px;
}
.sec-rev .top-desc p {
    max-width: 100%;
    font-size: 14px;
}
.sec-rev .slick-list {
    padding: 0 0vw 0 0;
}
.sec-rev .main h2 {
    font-size: 16px;
}
.sec-rev .slick-arrow{
    display: none !important;
}
.interactive {
    min-width: 80px;
}
.contact-form p {
    font-size: 14px;
    line-height: 2;
    color: #202020;
}
.contact-form p br {
    display: none;
}
.footer .col-md-8.nopad .col-md-3, .footer .col-md-8.nopad .col-md-4{
    display: none;
}
.footer .nopad {
    padding: 0 15px;
}
.footer .foot-logo p {
    font-size: 12px;
    max-width: 100%;
    margin-bottom: 30px;
}
.footer .foot-links ul li a {
    font-size: 13px;
    display: inline-block;
}
.footer .foot-links h3 {
    margin: 0 0 15px;
    font-size: 14px;
}
.footer ul.soc-links {
    padding: 0;
    margin: 10px 0 0;
}
.footer ul.soc-links li {
    padding: 0 10px;
}
.footer .foot-btm p {
    font-size: 10px;
}
.sec-pricing .cdiv .cbtm h4.tit {
    text-align: center;
}
.sec-pricing .cdiv .cbtm h4 img {
    padding-right: 0;
    display: block !important;
    margin: 0 auto 20px;
}
.sec-pricing .cdiv .cbtm .col-md-5.text-right {
    text-align: center !important;
}
.sec-pricing .cdiv .cbtm h3 {
    margin-right: 0;
}
.sec-majento-3 .btnss a.st {
    font-size: 12px;
    margin-right: 5px;
    padding: 8px 15px;
}
.sec-majento-3 .btnss a.port {
    font-size: 12px;
    padding: 8px 15px;
}
.sec-majento-3 .btnss a.st img , .sec-majento-3 .btnss a.port img{
    padding-left: 10px;
    width: 27px;
}
.sec-majento-5 .btnss a.st {
    font-size: 12px;
    margin-right: 5px;
    padding: 8px 15px;
}
.sec-majento-5 .btnss a.port {
    font-size: 12px;
    padding: 8px 15px;
}
.sec-majento-5 .btnss a.st img , .sec-majento-5 .btnss a.port img{
    padding-left: 10px;
    width: 27px;
}
.sec-majento-4 .slick-list {
    padding: 0;
}
.sec-majento-4 .proj-slider {
    margin-left: 0;
}
.sec-majento-4 .main .pic {
    width: 100%;
    height: 350px;
}
.sec-majento-4 .main .desc h3 {
    font-size: 16px;
    top: 20px;
}
.sec-majento-4 .main .desc p {
     font-size: 15px;
    bottom: 20px;
    line-height: 20px;
}
.sec-majento-4 .slick-arrow {
    left: 12%;
}
.wordpress-sup .sec-3 .top-desc {
    max-width: 100%;
}
body.health .sec-banner .desc h1 {
    font-size: 22px;
}
.wrd-dev .sec-majento-3 .top-desc {
    max-width: 100%;
}
.page-def h3 {
    font-size: 24px;
}
.popupform {
    width: 94%;
    border-bottom: #0467ff 5px solid;
    border: 5px solid #4b0979;
}
.popupform .box-lead {
    padding: 20px;
}
.popupform .box-lead h3 {
    font-size: 20px;
}
.popupform .fancybox-close-small {
    right: -15px;
    top: -15px;
}
}