/**
 * @tableofcontents
 *
 * 1a. Header
 * 1b. Banner
 * 2. About StarterPack
 * 3. StarterPack Platform
 * 4. StarterPack Ebook Section
 * 5. StarterPack Signup Section
 * 6. Magento VS WooCommrece Features
 * 7. Starter Pack Page2
 * 8. Magento Starter Pack Page
 */

/* @Section 1a. Banner */


#chat-widget-container, #livechat-eye-catcher {
    display: none;
}

.cw-hdr-wrap
{
    display: none;
}

body
{
    position: relative;
    background-color: #f8f9fb;
}

.cw_strtr-pack-nav2-wrap
{
    padding: 30px 0 8px;
    margin-bottom: 30px
}

.cw_strtr-pack-nav2-wrap a.navbar-brand
{
    background-position-y: -90px;
}

.cw_strtr-pack-nav2-wrap .cw_strtr-pack-nav .navbar-toggle
{
    display: none;
}

.cw_strtr-pack-nav-wrap
{
    padding: 30px 0 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.cw_strtr-pack-navbar-links ul
{
    float: right;
}

.cw_strtr-pack-navbar-links li a:hover
{
    color: #fff;
    background-color: transparent;
    border-bottom: 3px solid #fff;
}

.cw_strtr-pack-navbar-links li
{
    padding: 0 15px;
}

.cw_strtr-pack-navbar-links li .cw-glb-btn
{
    padding: 4px 12px;
    font-size: 15px;
    border-radius: 4px !important;
    outline: none;
    background-color: #09ebaf !important;
    border-color: #09ebaf !important;
}

.cw_strtr-pack-navbar-links li a
{
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    padding: 8px 0 3px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
}

.cw_strtr-pack-navbar-links li:last-child
{
    padding-right: 0;
}

.cw_strtr-pack-header-sticky
{
    position: fixed;
    background-color: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    animation: headermove 1s;
    padding: 15px 0;
}

@keyframes headermove
{
    0% {top:-70px;}
    100%{top: 0;}
}

.cw_strtr-pack-header-sticky .cw_strtr-pack-navbar-links li .cw-glb-btn,
.cw_strtr-pack-header-sticky .cw_strtr-pack-navbar-links li .cw-glb-btn:active,
.cw_strtr-pack-header-sticky .cw_strtr-pack-navbar-links li .cw-glb-btn:focus
{
    box-shadow: none !important;
    outline: none;
    background-color: #09ebaf !important;
    border-color: #09ebaf !important;
}

.cw_strtr-pack-header-sticky .cw_strtr-pack-navbar-links li .cw-glb-btn:hover{
    background-color: #74ffda !important;
    border-color: #74ffda !important;
}

.cw_strtr-pack-header-sticky .cw_strtr-pack-navbar-links li a
{
    color: rgba(9,30,66,0.8);
}

.cw_strtr-pack-header-sticky .cw_strtr-pack-navbar-links li a:hover, .cw_strtr-pack-navbar-links li.active a
{
    color: #091e42;
    border-color: #091e42;
}

.cw_strtr-pack-header-sticky .cw_strtr-pack-nav a.navbar-brand
{
    background-position-y: -90px;
}





/* @Section 1b. Banner */

.lnd-bnr-wrap
{
    min-height: auto;
    padding: 150px 0 50px;
}

.lnd-bnr-ttl-box h1
{
    margin: 20px 0;
}

.lnd-bnr-ttl-box h1 sup
{
    position: relative;
    top: -4px;
    color: #fff;
    font-size: 15px;
    padding: 3px 0px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* @Section 2. About StarterPack */

.abt-strtr-pack-wrap
{
    background-color: #f8f9fb;
    padding: 80px 0 50px;
}

.abt-strtr-txt
{
    text-align: center;
    margin-bottom: 40px;
}

.abt-strtr-txt h2
{
    margin: 0 0 10px;
    font-size: 36px;
    font-weight: 700;
    color: #091e42;
}

.abt-strtr-txt p
{
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 400;
    color: #42526e;
}

.abt-strtr-feat-box
{
    padding: 30px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    margin-bottom: 20px;
}

.abt-strtr-feat-box-txt
{
    padding-left: 60px;
    position: relative;
}

.abt-strtr-feat-box-txt img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
}

.abt-strtr-feat-box-txt h3
{
    font-size: 20px;
    color: #091e42;
    font-weight: 500;
    margin:  0 0 5px;
}

.abt-strtr-feat-box-txt p
{
    font-size: 14px;
    color: #42526e;
    font-weight: 400;
    margin: 0;
}

.abt-strtr-cta-wrap
{
    text-align: center;
    margin-top: 30px;
}

.abt-strtr-cta-wrap h4
{
    font-size: 16px;
    font-weight: 400;
    color: #0e134f;
    text-transform: uppercase;
    margin:  0 0 12px;
}

.abt-strtr-cta-wrap h4 b
{
    font-size: 24px;
    font-weight: 900;
    color: #0e134f;
    vertical-align: middle;
    position: relative;
    margin-left: 5px;
}
.abt-strtr-cta-wrap h4 b::before
{
    position: absolute;
    content: '';
    left: -2px;
    right: -2px;
    height: 2px;
    top: 40%;
    background-color: #161e82;
    transform: rotate(-10deg);
    display: none;
}

.unlock-expand-wrap
{
    background-color: #2f39bf;
    position: relative;
    text-align: center;
}

.close_eligibility
{
    text-align: right;    
    display: block;
    transform: translate(0, 20px)
}

.unlock-expand-txt h2
{
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin: 80px 0 20px;
}

.unlock-expand-txt p
{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 30px;
}

.unlock-steps, .unlock-steps-desc
{
    padding: 0;
    margin: 30px 0 0;
    list-style: none;
    float: left;
    width: 100%;
    position: relative;
}

.unlock-steps::before
{
    position: absolute;
    content: '';
    height: 4px;
    top: 0;
    bottom: 0;
    left: 110px;
    right: 110px;
    margin: auto;
    background-color: #d5d7f2;
}

.unlock-steps li, .unlock-steps-desc li
{
    width: 20%;
    position: relative;
    float: left;
}

.unlock-steps li span
{
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #fff;
    color: #0a0d35;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    line-height: 45px;
    border-radius: 50px;
}

.unlock-steps-desc li
{
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    padding: 0 30px;
}

.sbscrbCsioFormWrap{
    margin: 20px 0 30px;
    text-align: left;
    position: relative;
    padding-bottom: 30px;
}

.sbscrbCsioFormFields{
    display: flex;
    flex-wrap: nowrap;
}

.sbscrbCsioFormFields input{
    margin-right: 5px;
    padding: 10px 24px;
    font-size: 15px;
    height: auto;
    border-radius: 6px !important;
}

.sbscrbCsioFormConsent{
    margin: 5px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.sbscrbCsioFormConsent input{
    margin-right: 5px;
}

.sbscrbCsioFormConsent a{
    font-size: 14px;
    font-weight: 500;
    color: #09ebaf;
}

.sbscrbCsioFormWrap .error{
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.sbscrbCsioFormWrap .success{
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #09ebaf;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.close_eligibility i
{
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    transition: all .2s ease-in-out;
    opacity: 0.7;
}

.close_eligibility i:hover
{
    opacity: 1;
}

.unlock-expand-cta
{
    margin: 50px 0 80px;
}

.unlock-expand-cta a
{
    min-width: 250px;
}

/* @Section 3. StarterPack Platform */

.strtr-platform-wrap
{
    background-color: #fff;
    padding: 100px 0 30px;
}

.strtr-platform-txt
{
    margin-top: 20px;
}

.strtr-platform-txt h2
{
    color: #091e42;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 20px;
}

.strtr-platform-txt p
{
    font-size: 20px;
    font-weight: 400;
    color: #42526e;
}

.strtr-platform-txt ul
{
    padding: 0;
    margin: 30px 0 0;
    list-style: none;
}

.strtr-platform-txt ul li
{
    padding-left: 25px;
    font-size: 18px;
    margin-bottom: 8px;
    color: #42526e;
    position: relative;
}

.strtr-platform-txt ul li::before
{
    content: "\f00c";
    color: #0bbb8c;
    font: normal normal normal 18px/1 FontAwesome;
    position: absolute;
    left: -2px;
    top: 3px;
}

/* @Section 4. StarterPack Ebook Section */

.strtr-ebook-wrap
{
    background-color: #f8f9fb;
    padding: 80px 0 50px;
}

.strtr-ebook-img-sldr
{
    margin: 40px auto 0;
    max-width: calc(100% - 100px);
    position: relative;
}

#strtr-ebook-sld-prev i, #strtr-ebook-sld-next i
{
    font-size: 60px;
    line-height: 40px;
    color: #41516d;
}

#strtr-ebook-sld-prev, #strtr-ebook-sld-next
{
    position: absolute;
    top: calc(50% - 40px);
    bottom: 0;
    height: 40px;
    font-size: 30px;
    background-color: transparent;
    border: none;
    outline: none;
}

#strtr-ebook-sld-prev
{
    left: -50px
}

#strtr-ebook-sld-next
{
    right: -50px;
}

.strtr-ebook-txt h2
{
    color: #091e42;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 20px;
}

.strtr-ebook-txt p
{
    font-size: 20px;
    font-weight: 400;
    color: #42526e;
}

.strtr-ebook-img-sldr .item
{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 6px; 
    margin: 10px;
    overflow: hidden;
}

.strtr-ebook-img-sldr .item:hover
{
    cursor: grab;
}

.strtr-ebook-img-sldr .owl-grab .item
{
    cursor: grabbing;
}

.strtr-ebook-img-sldr .owl-dots
{
    margin-top: 20px;
    text-align: center;
}

.strtr-ebook-img-sldr .owl-dots button, .strtr-ebook-img-sldr .owl-dots button.active
{
    background-color: #b9bde7 !important;
    border: none;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    box-shadow: none;
    border-radius: 50px;
}

.strtr-ebook-img-sldr .owl-dots button.active
{
    background-color: #2e39be !important;
}


/* @Section 5. StarterPack Signup Section */

.strtr-sgnup-wrap
{
    background: url(../../img/landing/starterpack-signup-sec-bg.png) repeat-x center #b764d8;
    padding: 120px 0;
    text-align: center;
}

.strtr-sgnup-wrap .sbscrbCsioFormWrap{
    margin-bottom: 0;
}

.strtr-sgnup-wrap h2, .strtr-sgnup-wrap h2 b
{
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    margin: 0;
}

.strtr-sgnup-wrap h2 b
{
    font-weight: 700;
}

.strtr-sgnup-offer, .strtr-sgnup-offer b
{
    margin: 20px 0 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}
.strtr-sgnup-offer b
{
    font-weight: 700;
    margin-left: 10px;
    font-size: 25px;
    vertical-align: middle;
    position: relative;
}

.strtr-sgnup-offer b::before
{
    position: absolute;
    content: '';
    left: -2px;
    left: -5px;
    height: 2px;
    right: -10px;
    top: 40%;
    background-color: #fff;
    transform: rotate(-10deg);
    display: none;
}

/* @Section 6. Magento VS WooCommrece Features */

.magento-vs-woo-wrap
{
    padding: 60px 0 100px;
    background-color: #0a0d35;
}

.magento-vs-woo-txt h2
{
    margin-top: 40px;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}

.magento-vs-woo-txt p
{
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.magento-vs-woo-tabs-head
{
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-size: 20px;
    margin: 0 0 20px;
}

.magento-vs-woo-tabs 
{
    text-align: center;
    max-width: max-content;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: all 1s ease-in-out;
}

.magento-vs-woo-tabs li a
{
    padding: 6px 15px;
    background-color: transparent !important;
    min-width: 160px;
}

.magento-vs-woo-tabs li a, .magento-vs-woo-tabs li, .magento-vs-woo-tabs-wrap .tab-pane.fade
{
    transition: all 1s ease-in-out;
}

.magento-vs-woo-tabs li a span
{
    position: relative;
    padding: 0 0 0 30px;
    color: #fff;
    font-size: 14px;
    background-color: transparent !important;
    font-weight: 400;
    display: inline-block;
    transition: all 1s ease-in-out;
}


.magento-vs-woo-tabs li a span::before
{
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 20px;
    height: 20px;
    background: url(../../img/landing/starterpack-magento-vs-woo-sprite.png) no-repeat center transparent;
}

.magento-vs-woo-tabs li:first-child a span::before
{
    background-position-y: top;
}

.magento-vs-woo-tabs li:first-child.active a span::before
{
    background-position-y: -60px;
}

.magento-vs-woo-tabs li:last-child a span::before
{
    background-position-y: -120px;
}

.magento-vs-woo-tabs li:last-child.active a span::before
{
    background-position-y: -180px;
}

.magento-vs-woo-tabs li.active a
{
    /* background-color: #fff !important; */
    position: relative;
}

.magento-vs-woo-tabs li:first-child.active a::before
{
    /* background-color: #fff !important; */
    position: absolute;
    content: '';
    transform: translate(0,0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .5s ease-in-out;
    background-color: #fff;
}

.magento-vs-woo-tabs li:first-child:not(.active) a::before
{
   background-color: #fff;
   transform: translate(102%,0);
   position: absolute;
   content: '';
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   transition: all .5s ease-in-out;
}

.magento-vs-woo-tabs li.active a span
{
    color: #1f2d3d !important;
    background-color: transparent;
}

.magento-vs-woo-prtnrs-box
{
    background-color: #fff;
    padding: 40px 50px;
    margin-top: 50px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    min-height: 410px;
}

.magento-vs-woo-prtnrs-box h3
{
    font-size: 28px;
    font-weight: 500;
    color: #091e42;
    margin: 0 0 10px;
}

.magento-vs-woo-prtnr
{
    height: 65px;
    margin-top: 30px;
    transition: all .3s ease-in-out;
}

.magento-vs-woo-prtnr img
{
    max-height: 65px;
    margin: 0 auto;
    /* transition: all .3s ease-in-out; */
}

.magento-vs-woo-prtnr .tooltip-inner
{
    background-color: #f8f9fb;
    font-size: 14px;
    font-weight: 500;
    color: #091e42;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.magento-vs-woo-prtnr .tooltip
{
    max-width: 90px;
    /* transition: all .3s ease-in-out; */
    left: 50%;
}

.magento-vs-woo-prtnr .tooltip.top .tooltip-arrow
{
    border-top-color:  #f8f9fb !important;
    border-width: 8px 8px 0;
    bottom: -2px;
    margin-left: -8px;
}

/* @Section 7. Starter Pack Page2 */

    
.stpk_bnr_ttl h1
{
    color: #091e42;
    font-size: 36px;
    font-weight: 500;
}

.stpk_bnr_ttl p
{
    color: #42526e;
    font-size: 20px;
}

.stpk_chkBox_wrap {
    margin: 30px 0;
}

.stpk_chkBox_wrap label
{
    color: #42526e;
    font-size: 16px;
    font-weight: 500;
}

.stpk_chkBox_wrap label:first-child
{
    display: none;
}

.stpk_discnt_mainWrap
{
    padding: 40px 60px 10px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.stpk_discnt_ctag
{
    margin-bottom: 30px;
}

.stpk_discnt_ctag h2
{
    color: #091e42;
    font-size: 22px;
    font-weight: 700;
    position: relative;
    margin: 0;
}

.stpk_discnt_ctag h2 span {
    color: #0b1948;
    font-weight: inherit;
    text-align: center;
    height: 25px;
    width: 25px;
    line-height: 25px;
    display: inline-block;
    border-radius: 50px;
    background-color: #74ffda;
    position: absolute;
    left: -40px;
    top: 0;
}

.stpk_discnt_box
{
    position: relative;
    padding: 60px 20px;
    border-radius: 4px;
    text-align: center;
    background-color: #f8f9fb;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.05);
    margin-bottom: 20px;
    overflow: hidden;
    cursor: pointer;
    min-height: 215px;
}

.stpk_discnt_box.stpk_discnt_ebook_box
{
    padding: 0;
}

.stpk_discnt_box.stpk_discnt_ebook_box .stpk_discnt_img
{
    margin: 0;
}

.stpk_discnt_box.stpk_discnt_ebook_box .stpk_discnt_img img
{
    max-height: 100%;
}

.stpk_discnt_wrap
{
    margin-bottom: 40px;
}

.stpk_discnt_img
{
    margin-bottom: 15px;
}

.stpk_discnt_img img
{
    display: inline-block !important;
    width: auto !important;
    max-height: 80px;
}

.stpk_discnt_txt
{
    color: #42526e;
    font-size: 18px;
    font-weight: 500;
}

.stpk_discnt_box_hvr
{
    padding: 20px;
    width: 100%;
    height: 100%;
    top:100%;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: #2f39bf;
    text-align: center;
    z-index: 9;
}

.stpk_discnt_box:hover .stpk_discnt_box_hvr
{
opacity: 1;
visibility: visible;
top: 0;
}

.stpk_discnt_box_hvr p
{
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
}

.stpk_discnt_box_hvr p > b
{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    display: block;
}

.stpk_discnt_box_hvr > span
{
    color: #fff;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

.stpk_discnt_box_hvr > span b
{
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.stpk_discnt_box_hvr .cw-glb-btn
{
    padding: 5px 20px;
    white-space: nowrap;
    font-size: 12px;
}

#stpk_discnt_sldrBox
{
    position: relative;
}

#stpk_discnt_sldrBox .owl-nav button
{
    position: absolute;
}

#stpk_discnt_sldrBox .owl-nav button {
    position: absolute;
    top: 35px;
}

#stpk_discnt_sldrBox .owl-nav .owl-prev {
    left: -20px;
}

#stpk_discnt_sldrBox .owl-nav .owl-next {
    right: -20px;
}

#stpk_discnt_sldrBox .owl-nav button span {
    font-size: 80px;
    color: rgba(211, 211, 211,0.6);
}

#stpk_discnt_sldrBox .owl-dots
{
    display: none !important;
}

/* @Section 8. Magento Starter Pack Page */

.magento_abt-strtr-feat-box
{
    padding: 50px 30px 30px;
    background: #FFFFFF;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    position: relative;
    text-align: center;
    overflow: hidden;
    min-height: 310px;
    transition: all .2s ease-in-out;
    margin-bottom: 30px;
}

.magento_abt-strtr-feat-box::before
{
    top: 0;
    left: 0;
    right: 0;
    content: '';
    position: absolute;
    height: 0px;
    transition: all .2s ease-in-out;
    background: #39DCB1;
}

.magento_abt-box-2.magento_abt-strtr-feat-box::before
{
    background: #feb155;
}

.magento_abt-box-1.magento_abt-strtr-feat-box::before
{
    background: #b764d8;
}

.magento_abt-strtr-feat-box:hover
{
    box-shadow: 0px 7px 40px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

.magento_abt-strtr-feat-box:hover::before
{
    height: 5px;
}

.magento_abt-strtr-feat-box .abt-strtr-feat-box-txt
{
    padding: 0;
}

.magento_abt-strtr-feat-box .abt-strtr-feat-box-txt img
{
    position: initial;
    width: 80px;
    height: 80px;
    margin: 0 auto 30px;
}

.magento_abt-strtr-feat-box .abt-strtr-feat-box-txt h3
{
    margin-bottom: 10px;
}

.magento_abt-strtr-feat-box .abt-strtr-feat-box-txt p
{
    font-size: 16px;
}

.magento_abt-strtr-feat-cta h4
{
    margin-bottom: 25px;
}

.magento-assets-sec
{
    padding-bottom: 0;
}

.magento-assets-sec-txt h2
{
    font-size: 36px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.magento-assets-sec-txt p
{
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}

.magento-assets-browser-wrap
{
    padding: 60px 45px 40px;
    border-radius: 8px 8px 0 0;
    background: url(../../img/landing/browser-head-mockup.png) no-repeat top center #fff;
    background-size: contain;
    margin-top: 40px;
    text-align: center;
}

.magento-assets-browser-wrap .magento-vs-woo-prtnr
{
    display: inline-block;
    margin: 20px 15px;
    height: auto;
    vertical-align: middle;
}

.magento-assets-browser-wrap .magento-vs-woo-prtnr img
{
    max-height: 50px;
}



@media(max-width:1200px)
{
    .strtr-platform-wrap
    {
        padding-top: 70px;
    }

    .strtr-platform-img
    {
        margin-top: 30px;
    }
}

@media(max-width:992px)
{

    .lnd-bnr-wrap
    {
        padding: 120px 0 50px;
    }

    .lnd-bnr-ttl-box h1
    {
        margin-top: 0;   
    }

    .abt-strtr-pack-wrap, .magento-vs-woo-wrap
    {
        padding: 50px 0;
    }

    .abt-strtr-txt h2, .strtr-platform-txt h2, .magento-vs-woo-tab-txt h2, .strtr-ebook-txt h2, .unlock-expand-txt h2,.glb-nfaq-ttl h3,
    .magento-vs-woo-txt h2, .magento-assets-sec-txt h2
    {
        font-size: 28px;
    }

    .abt-strtr-txt p, .strtr-platform-txt p, .magento-vs-woo-tab-txt p, .strtr-ebook-txt p, .unlock-expand-txt p,
    .magento-vs-woo-txt p
    {
        font-size: 16px;
    }

    .abt-strtr-feat-box
    {
        padding: 20px;
        min-height: 125px;
    }

    .lnd-bnr-ttl-box h1 sup
    {
        top: -14px;
    }

    .abt-strtr-feat-box-txt h3
    {
        font-size: 18px;
    }

    .unlock-expand-txt h2
    {
        margin-top: 40px;
    }

    .unlock-steps-desc li
    {
        font-size: 15px;
    }

    .unlock-steps, .unlock-steps-desc
    {
        margin-top: 15px;
    }

    .unlock-steps::before
    {
        left: 70px;
        right: 70px;
    }

    .unlock-expand-cta
    {
        margin-bottom: 40px;
    }

    .strtr-platform-wrap
    {
        padding: 50px 0;
    }

    .magento-vs-woo-prtnrs-box 
    {
        min-height: 500px;
    }

    .magento-vs-woo-prtnrs-box h3
    {
        font-size: 22px;
    }

    .strtr-platform-txt ul li
    {
        font-size: 16px;
    }

    .magento-vs-woo-box, .magento-vs-woo-tab-txt 
    {
        margin-top: 50px;
    }

    .magento-vs-woo-tab-txt li
    {
        font-size: 15px;
    }

    .strtr-ebook-wrap 
    {
        padding: 50px 0 30px;
    }

    .strtr-sgnup-wrap
    {
        padding: 50px 0;
    }

    .strtr-sgnup-wrap h2, .strtr-sgnup-wrap h2 b
    {
        font-size: 28px;
    }

    .stpk_bnr_ttl h1 {
        font-size: 28px;
    }

    .stpk_bnr_ttl p {
        font-size: 16px;
    }

    .stpk_chkBox_wrap {
        margin: 15px 0;
    }

    .magento_abt-strtr-feat-box
    {
        min-height: 290px;
    }

    .magento-assets-sec {
        padding-bottom: 0;
    }

    .magento-assets-browser-wrap
    {
        padding: 60px 30px 30px;
    }
}

@media(max-width:767px)
{

    .lnd-bnr-ttl-box
    {
        margin-top: 30px;
    }

    .cw_strtr-pack-nav-wrap
    {
        padding: 18px 0;   
    }

    .cw_strtr-pack-nav .navbar-toggle
    {
        position: absolute;
        margin: 0;
        top: 15px;
        right: 10px;
    }   
    .cw_strtr-pack-header-sticky .cw_strtr-pack-nav .navbar-toggle i
    {
        color: #091E42;   
    }

    .cw_strtr-pack-header-sticky .cw_strtr-pack-nav .navbar-toggle
    {
        top: 15px;
    }

    .cw_strtr-pack-nav .navbar-toggle i
    {
        font-size: 24px;
        color: #fff;
        transition: all .3s ease-in-out;
    }  
    
    .cw_strtr-pack-nav .navbar-toggle i::before
    {
        transition: all .3s ease-in-out;
    }

    .cw_strtr-pack-nav .navbar-toggle[aria-expanded='true'] i::before
    {
        content: "\f00d";
    }

    .cw_strtr-pack-nav a.navbar-brand
    {
        margin: 0
    }

    .cw_strtr-pack-header-sticky .cw_strtr-pack-navbar-links
    {
        background-color: transparent;
        box-shadow: none;
        margin-top: 0;
    }
    
    .cw_strtr-pack-navbar-links
    {
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
        margin-top: 10px;
    }

    .cw_strtr-pack-navbar-links ul
    {
        float: none;
        padding: 20px;
        margin: 0;
        text-align: left;
    }
    
    .cw_strtr-pack-navbar-links li a
    {
        display: inline-block;
    }

    .cw_strtr-pack-navbar-links li:last-child
    {
        margin-top: 10px;
        text-align: center;
    }

    .cw_strtr-pack-navbar-links li a
    {
        color: #091e42 !important;
    }

    .lnd-bnr-wrap
    {
        padding-top: 110px;
    }

    .strtr-bnr-img
    {
        max-width: 500px;
        margin: 0 auto;
    }

    .abt-strtr-feat-box
    {
        min-height: 145px;
    }

    .unlock-steps-desc li
    {
        padding: 0 5px;.
    }

    .strtr-platform-txt ul li::before
    {
        position: relative;
        left: -10px;
        top: 0px;
    }

    .strtr-platform-img
    {
        margin: 0 auto
    }

    .strtr-platform-txt
    {
        margin: 0;
        text-align: center;
    }

    .strtr-platform-wrap
    {
        padding-bottom: 50px;
    }

    .magento-vs-woo-tab-img img, .magento-vs-woo-tab-img.img-right img
    {
        margin: 0 auto;
        max-height: 400px;
    }

    .magento-vs-woo-tab-txt
    {
        text-align: center;
    }

    .magento-vs-woo-tab-txt ul
    {
        margin-top: 20px;
    }

    .magento-vs-woo-tab-txt li
    {
        padding-left: 0;
    }

    .magento-vs-woo-tab-txt li::before
    {
        position: relative;
        left: -10px;
        top: 0px;
    }

    .strtr-ebook-img-sldr
    {
        margin: 0 auto;
    }

    .strtr-ebook-txt {
        margin-top: 30px;
        text-align: center;
    }

    .stpk_bnr_wrap
    {
        text-align: center;
    }

    .cd-morph-dropdown .nav-trigger span, .cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before
    {
        background-color: #2e39bf !important;
    }

    /* #cw-page {
        padding: 70px 0 50px;
    } */

    .stpk_discnt_wrap {
        margin-bottom: 0;
    }

    .strtr-platform-txt ul
    {
        margin: 30px auto 0;
        max-width: max-content;
        text-align: left;
    }

    .magento-vs-woo-prtnrs-box
    {
        min-height: auto;
    }

    .magento-assets-browser-wrap
    {
        padding: 30px 15px 10px;
    }
}

@media(max-width:550px)
{
    .abt-strtr-pack-wrap .col-xs-6,.abt-strtr-cta-wrap a, .strtr-sgnup-wrap a, .lnd-bnr-ttl-box a
    {
        width: 100%;
    }

    .strtr-platform-wrap
    {
        padding-top: 20px;
    }

    .magento-vs-woo-box, .magento-vs-woo-tab-txt {
        margin-top: 30px;
    }

    .magento-vs-woo-tab-img img, .magento-vs-woo-tab-img.img-right img
    {
        max-height: 250px;
    }

    .abt-strtr-feat-box
    {
        min-height: auto;
    }

    .unlock-steps
    {
        width: 45px;
    }

    .unlock-steps li, .unlock-steps-desc li
    {
        display: block;
        float: none;
    }

    .unlock-steps-desc
    {
        width: calc(100% - 45px);
    }

    .unlock-steps-desc li
    {
        width: 100%;
        text-align: left;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .unlock-steps::before
    {
        left: 14px;
        right: auto;
        top: 0;
        bottom: 20px;
        height: auto;
        width: 4px;
    }

    .unlock-steps li span
    {
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .sbscrbCsioFormFields{
        flex-wrap: wrap;
    }
    
    .sbscrbCsioFormFields input{
        width: 100%;
        margin: 0 0 5px;
    }
    
    .sbscrbCsioFormFields .cw-glb-btn{
        width: 100%;
    }

    .strtr-ebook-img-sldr .carousel-indicators
    {
        margin-top: 20px;
    }

    .magento-vs-woo-tabs
    {
        max-width: 100%;
        display: flex;
        flex-wrap: nowrap;
    }

    .magento-vs-woo-tabs li
    {
        flex: 1;
    }

    .stpk_ebook_wrap .col-xs-6
    {
        width: 100%;
    }
}