/* Header css start  */
.navbar-default{ width: 100%; position: fixed; left: 0; top: 0; background: transparent; z-index: 9; padding: 20px 0;}
.navbar-nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
}
.header-row{ padding: 20px 0;
    -webkit-transition: all ease-in-out .15s;
    -ms-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;}
.navbar-default .navbar-brand{ padding: 0; margin: 4px 0 0 !important; height: auto;}
.navbar-default .navbar-nav>li{padding: 0 20px; cursor: pointer;}
.navbar-default .navbar-nav>li:last-child{ padding-right: 0;}
.navbar-default .navbar-nav>li>a{ font-size: 16px; border:none; display: inline-block;  padding-left: 20px; padding-right: 20px; font-family:"proxima-nova";font-weight:500;font-style:normal; color: #000000;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;
    background-color: #0c9fd8; border-radius: 4px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;
    background-color: #0c9fd8; border-radius: 4px;
    border:none;
    text-decoration: none;
}
.navbar-default .navbar-nav>li.active, .navbar-default .navbar-nav>li.active a {color: #ffffff;
    background-color: #0c9fd8; border-radius: 4px;}

.yr-exlnc-row{background: #0f0f0e;color: #fff;line-height: 22px;padding: 9px 0;-webkit-transition: all ease-in-out .15s;
    -ms-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;}
.yr-exlnc-col{ font-size: 14px; line-height: 18px;}
.achmnt-icon img {vertical-align: top;margin-top: 1px;}
.achmnt-icon {margin-right: 4px;}
.btn-sto{color: #fff;background-color: #0c9fd8;border-color: transparent;font-family:"proxima-nova";font-weight:400;font-style:normal; border-radius: 4px; box-shadow: none; border: 0; font-size: 1.1333rem; padding: 4px 20px;}
.btn-store {float: right; margin-left: 17px;}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none; background: #0ca6e1;
}
.navbar-toggle {display: none;}
.navbar-brand .black-logo{ display: none;}
.fixed-nav .navbar-brand .black-logo{ display: block;}
.fixed-nav .navbar-brand .white-logo{ display: none;}

.navbar-default .navbar-toggle {
    position: relative;
float: right;
padding: 9px 10px;
margin-top: 0;
margin-right: 0;
border: 0;
background: 0 0 !important;
border-radius: 4px;
}
.navbar-default .navbar-toggle .icon-bar {
    position: relative;
top: 0;
-webkit-transition: all ease-in-out .15s;
-ms-transition: all ease-in-out .15s;
transition: all ease-in-out .15s;
background-color: #888;
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }

/* Fixed header css */
.fixed-nav .header-row{ padding: 6px 0;}
.fixed-nav{ padding: 15px 0 16px; background: #ffffff; box-shadow: 1px 1px 2px 0.5px rgba(0, 0, 0, 0.2);}

/* Header css end  */

/* Banner css start  */
.banner-section{ float: left; width: 100%; background: url(https://cdn.systweak.com/content/wp/systweak_com/systweakoffer/banner-bg02.jpg) no-repeat center center; background-size: 100% 100%; min-height: 370px; position: relative;}
.bnr-chakra {margin-top: 70px;}
.bnr-chakra img { max-width: 326px; width: 100%;} 
.syst-logo { margin-top: 3px;  }
.syst-logo img { max-width: 210px; width: 100%;}
.indpn-img{ margin-top: 0px;}
.indpn-img img { max-width: 100%;}
.make-india {position: absolute;
    top: 82px;
    right: auto;
    left: 46px;
}
.make-india img { max-width: 192px; width: 100%;}
.logo-bnr-right{ position: absolute; left: auto; right:28px; top: 85px;}
.logo-bnr-right img { max-width: 144px; width: 100%;}

.jhalar-lft {
    position: absolute;
    right: auto;
    left: 0;
    top: 0;
}

.jhalar-rght {
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
}

/* Banner css end  */

/*system requirments*/
.syst-requirments-col{ width: 1038px; border:solid 1px #d9d8d8; background: #ffffff; text-align: center; margin:64px auto 45px auto; padding: 52px 0 61px 0;}
.syst-requirments-col h2{ margin:0px 0 20px 0; padding: 0px;font-family:"proxima-nova";font-weight:700;font-style:normal; text-align: center; color: #000000; font-size: 28px;}
.syst-requirments-col p{ margin:0px; padding: 0px 128px;font-family:"proxima-nova";font-weight:400;font-style:normal; text-align: center; color: #000000; font-size: 17px; line-height: 23px;}
small,.small{ font-size: 14px; margin-top: 14px; color: #000000; display: inline-block;}

/*product-sections*/
.head-title-col {
    text-align: center; margin-top: 41px;
}
.head-title-col .headin-2{font-family:"proxima-nova";font-weight:700;font-style:normal; font-size: 48px; color: #131313;margin-bottom: 7px;
    margin-top: 20px;}
.head-title-col p{ text-align: center; color: #494949; font-family:"proxima-nova";font-weight:400;font-style:normal; font-size: 18px;
    line-height: 24px; padding: 0 223px;margin-bottom: -1px;}
.deals-section {
    border:solid 2px #31a0f1;
    
    margin-top:44px; background: #fff;
    box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.2);
}
.price-col {
    float: left;
    margin-top: 4px;
}
.deal-outer {
    max-width: 1101px;
    margin: 0 auto;
    background: #FFF url(https://cdn.systweak.com/content/wp/systweak_com/systweakoffer/deal-bg.png) center bottom no-repeat;
    padding: 26px 30px 28px 32px;
    background-size: cover;
    position: relative;
    min-height: 430px;
}
.best-deal {
    position: absolute;
    left: -5px;
    top: -6px;
}
.deal-box-lft{ width: 328px; float: left; margin-left: -25px; margin-top: 30px;}
.deal-right{ width:682px; float: left; margin-left:41px;}
.deal-right h2{ font-size: 36px; color: #000000; font-weight:600;font-style:normal; margin: 0; padding: 0;}
.deal-right p{ font-size: 16px; line-height: 24px; color: #000000; font-weight:400;font-style:normal; margin: 15px 0 0 0; padding: 0;}
.listing-outer{ float: left; margin-top: 16px;}
.listing-left{ width:482px; float: left;}
.listing-left ul{ display: inline-block; list-style: none; margin: 0;padding: 0;}
.listing-left ul li{ display: inline-block; list-style: none; padding:0; margin: 0 0 11px 0;color: #000000; font-weight:400;font-style:normal; font-size: 16px; color: #000000; }
.ftr-icon {margin-right: 5px; float: left; margin-bottom: 4px;}
.ftr-icon img {margin-top: -2px;}
/* .listing-left ul li.first{ background:url(https://cdn.systweak.com/content/wp/systweak_com/systweakoffer/photo-icon.png) no-repeat 0px 1px;}
.listing-left ul li.sec{ background:url(https://cdn.systweak.com/content/wp/systweak_com/systweakoffer/recovery-icon.png) no-repeat 0px 1px;}
.listing-left ul li.third{ background:url(https://cdn.systweak.com/content/wp/systweak_com/systweakoffer/recover-photo-icon.png) no-repeat 0px 1px;}
.listing-left ul li.four{ background:url(https://cdn.systweak.com/content/wp/systweak_com/systweakoffer/recover-file-type-icon.png) no-repeat 0px 1px;}
.listing-left ul li.five{ background:url(https://cdn.systweak.com/content/wp/systweak_com/systweakoffer/extranal-device-icon.png) no-repeat 0px 1px;} */
.listing-right {
    float: left;
    position: absolute;
    left: auto;
    right: 47px;
	top:190px;
}
.prs{font-size: 30px; color: #000000; font-weight:600;font-style:normal; margin-right: 6px; padding: 0;float: left;margin-top: 9px;}
.rupee-sign1 {margin-right: -2px;}
.rupee-sign1 img{margin-top: -5px;}
.rupee-sign2 {margin-right: 3px;}
.rupee-sign2 img{margin-top: -3px;}
.sm-prs{font-size: 20px; color: #000000; font-weight:400;font-style:normal; float: left;margin-top: 19px; padding: 0; text-decoration:line-through;}
.listing-right{ float: left;}
.buy_now {
background: #7dcb2e; 
background: -moz-linear-gradient(top,  #7dcb2e 0%, #72c223 28%, #62b411 66%, #53a500 100%); 
background: -webkit-linear-gradient(top,  #7dcb2e 0%,#72c223 28%,#62b411 66%,#53a500 100%);
background: linear-gradient(to bottom,  #7dcb2e 0%,#72c223 28%,#62b411 66%,#53a500 100%); 
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dcb2e', endColorstr='#53a500',GradientType=0 );  */

    display: inline-block;
    margin-left:25px;
    padding: 10px 47px 12px;
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
	border: solid 2px #4b9908;
    border-radius: 4px;
    box-shadow: 2.5px 4.33px 9.5px 0.5px rgba(0, 0, 0, 0.2);
}
.buy_now.focus, .buy_now:focus, .buy_now:hover {
    color: #fff;
    text-decoration: none;
    background: #51ab02;
}
.product-section, .syst-req-section {width: 100%; float: left;}

/* Footer css start */
.copy-right-section{background: #262e45; padding-top:39px;padding-bottom:39px;}
.copy-right-col{font-family:"proxima-nova";font-weight:400;font-size:14px;line-height:17px;color:#9ba1b1; float: right;}
.copy-right-menu{margin: 0;}
.copy-right-menu li{font-family:"proxima-nova";font-weight:400;display:inline;font-size:14px;line-height:17px;color:#9ba1b1;padding-left:4px;padding-right:17px}
.copy-right-menu li:first-child{ padding-left: 0;}
.copy-right-menu li a{color:#9ba1b1;text-decoration:none;}
.copy-right-menu li a:hover{color:#566369}
/*  */


/*return to top*/
.return-to-top{width:50px;height:50px;display:none;position:fixed;z-index:4;bottom:81px;right:20px;background:rgba(0, 0, 0, 0.5);text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; cursor: pointer;}
.return-to-top .arrow-icon{ width: 100%; height: 100%; display: block;background: url(https://cdn.systweak.com/content/wp/systweak_com/systweakoffer/spirit-icons.png) no-repeat 15px -586px;}
.return-to-top:hover{background:rgba(0, 0, 0, 0.9)}


/* Footer css end */


@media (min-width: 1200px) and (max-width: 1630px){
    .jhalar-lft {
        position: absolute;
        right: auto;
        left: -112px;
        top: 0;
    }
        .jhalar-rght {
        position: absolute;
        right: -112px;
        left: auto;
        top: 0;
    }
        .make-india {
        position: absolute;
        bottom: 46px;
        right: auto;
        left: 14px;
    width: 170px;
    }
    .logo-bnr-right{ width: 120px;}


    }
    
    

@media (min-width: 992px) and (max-width: 1199px){
.navbar-right {padding-right: 35px;}
.navbar-default .navbar-nav>li>a {font-size: .93rem;padding-left: 10px;padding-right: 10px;}
.navbar-default .navbar-nav>li.active>a:after, .navbar-default .navbar-nav>li>a:hover:after {right: 0; left: 0;}
}

@media (min-width: 1200px) and (max-width: 1630px){
.navbar-default .navbar-nav>li>a {padding-left: 20px;padding-right: 20px;}
.navbar-default .navbar-nav>li.active>a:after, .navbar-default .navbar-nav>li>a:hover:after {right: 25px;}
.navbar-default .navbar-nav>li>a:after{ left: 25px;}
.btn-store {float: right; margin-left: 17px;}
}

@media (max-width:1199px) {
.copy-right-menu,.copy-right-col{width:100%;text-align:center}
.copy-right-menu{margin-top:5px}
.make-india{left: 14px;width: 120px; bottom: 126px;}
.logo-bnr-right{width: 100px; right: 18px;}
.head-title-col p{ padding: 0;}
.deal-box-lft {width: 290px;}
.deal-right {width: 542px;}
.listing-right {width: 120px;right: 20px; top: 240px;}
.deal-outer{ background-size: cover;}
.copy-right-menu{margin-top:5px; margin-bottom: 5px;}
.syst-requirments-col {width: 94%;}
}
    
@media (max-width:991px) {
    .navbar-toggle {display: inline-block;}
    .navbar-nav {margin: 7.5px 0;}
    .navbar-default .nav > li > a {line-height: 28px;}
html {font-size: 14px;}
.navbar-default .navbar-toggle{border: 0;background: 0 0!important;}
.navbar-default .navbar-toggle .icon-bar {position: relative;top: 0;-webkit-transition: all ease-in-out .15s;
-ms-transition: all ease-in-out .15s;transition: all ease-in-out .15s;}
.navbar-default .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2) {-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 6px;}
.navbar-default .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) {opacity: 0;}
.navbar-default .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(4) {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: -6px;}
.navbar-default .navbar-collapse{width: 220px;border: 0;position: fixed;right: -220px;height: auto!important;display: block!important;top: 65px;bottom: 0;background: #111;z-index: 9;
-webkit-transition: all ease-in-out .15s;-ms-transition: all ease-in-out .15s;transition: all ease-in-out .15s;}
.navbar-default .navbar-collapse.show {right: 0;}
.navbar-default .nav>li{margin-top: 3px;}
.navbar-default .nav>li>a {color: #fff;font-size: 1rem; display: inline-block; width: 100%;}
.navbar-default .nav>li>a:after {height: 1px;margin-top: -4px;}
.navbar-default.fixed-nav .navbar-collapse {top: 55px;}
.btn-store {
    float: none;
    margin-left: 0; padding: 0 5px;margin-top: 10px;
}
.btn-sto{ display: block;}
.navbar-default .navbar-nav>li {
    padding: 0 5px;
}
.bnr-chakra img{ max-width: 400px;}
.bnr-chakra {margin-top: 80px;}
.syst-logo {
    margin-top: 0;
}
.syst-logo img{ max-width: 190px;}
.indpn-img img{ max-width: 600px;}
.make-india {width: 90px;bottom: 216px;}
.banner-section{ min-height: auto; padding-bottom: 40px;}
.head-title-col .headin-2{ font-size: 36px;}
.head-title-col p{ font-size: 16px;}
.deal-box-lft {
    width: 220px;
    margin: 0 auto;
    float: none;
}
.deal-right {
    width: auto;
    float: none;
    margin: 20px 0 0; text-align: center;
}
.listing-right {
    width: 120px;
    right: 20px;
    top: 30px;
}
.listing-left {
    width: auto;
    float: none;
    text-align: left;
    display: table; margin: 0 auto; max-width: 450px;
}
.listing-outer{ float: none;}

.price-col {
    float: none;
    text-align: center;
    margin: 10px auto 0;
    display: table;
}
.syst-requirments-col p {padding: 0px 73px;}
.deal-box-lft img {
    margin-left: -40px;
}
.copy-right-section {padding-top: 30px;padding-bottom: 30px;}		
.syst-requirments-col{ padding: 30px 0;}
}

   
@media (max-width:767px) {
html {font-size: 13px;}
.yr-exlnc-col {font-size: 11px; line-height: 16px;padding-right: 2px;}
.achmnt-icon{ margin-right: 2px;}
.fixed-nav .yr-exlnc-row {padding: 5px 0 5px;}

.copy-right-section{padding-top:10px;padding-bottom:10px}
.syst-requirments-col {padding: 38px 0 44px 0;}

.bnr-chakra img {
    max-width: 320px;
}
.syst-logo img {
    max-width: 140px;
}
.indpn-img img {
    max-width: 450px;
}

.indpn-img {
    margin-top: 14px;
}
.make-india {
    width: 70px;
    bottom: 156px;
}
.logo-bnr-right {
    width: 90px;
    right: 18px;
    top: 120px;
}
.head-title-col .headin-2 {
    font-size: 32px; margin-bottom: 2px;
}
.deal-box-lft img {
    margin-left: -40px;
}
.deal-box-lft {width: 180px;}
.listing-right {
    width: 90px;}

.deal-right h2 {
    font-size: 28px;}
.deal-right p{ margin-top: 2px;}
.deal-right p {
    font-size: 14px;
    line-height: 22px;}
    .prs {font-size: 25px;}
    .sm-prs {
        font-size: 15px;}
        .buy_now{padding: 8px 47px 10px;
            font-size: 18px;}

            .navbar-brand .black-logo {
                display: block;width: 150px;
            }
            .navbar-brand .white-logo {
                display: none; width: 150px;
            }
            .navbar-default .navbar-brand {margin: 6px 0 0 !important;}
            .syst-requirments-col h2{ font-size: 22px; margin-bottom: 2px;}
            .syst-requirments-col p {
    padding: 0 0;
    font-size: 14px;
}
small, .small {
    font-size: 13px;
    margin-top: 8px;}
    .syst-requirments-col {
        padding: 20px 14px;
        margin: 30px auto;
        width: auto;
    }
    
}
    
    
    
@media only screen and (max-width:575px) {
.bnr-chakra img {
    max-width: 270px;
}
.bnr-chakra {
    margin-top: 70px;
}
.navbar-brand .white-logo, .navbar-brand .black-logo{ width: 120px;}
.navbar-default .navbar-brand {margin: 8px 0 0 !important;}

.make-india {
    width: 70px;
    bottom: 126px;
}
.syst-logo img {
    max-width: 110px;
}
.indpn-img img {
    max-width: 380px;
}
.head-title-col .headin-2 {
    font-size: 26px;}
    .head-title-col p {
        font-size: 15px;
        line-height: 20px;
    }
    .head-title-col{ margin-top: 30px;}
    .deal-outer{padding: 26px 16px;}
    .deal-right h2 {
        font-size: 22px;
    }
    .deal-right p {
        font-size: 13px;
        line-height: 20px;
    }
    .listing-left ul li{font-size: 13px;}
    .ftr-icon img {
        margin-top: 0px;
    }
    .prs {
        font-size: 20px;
    }
    .sm-prs {
        font-size: 12px;
    }
    .rupee-sign1 img{ width: 11px;}
    .rupee-sign2 img{ width: 9px;}
    .buy_now {
        padding: 9px 35px 10px;
        font-size: 15px; margin-left: 15px;
    }
    .deals-section{ margin-top: 25px; border-width: 1px;}
.best-deal img{ width: 100px;}
.best-deal {left: -3px;top: -3px;}
.deal-box-lft {width: 150px;}


}
@media(max-width:480px){
    .syst-requirments-col h2{ font-size: 24px;}   
    .syst-requirments-col {padding: 28px 0 38px 0;}.syst-requirments-col p {padding: 0px 18px;}
    small, .small {font-size: 12px;padding-right: 10px;padding-left: 10px;}	
    .copy-right-col{ font-size: 13px;}	
    .copy-right-menu li{ padding-right: 10px;}	
    .syst-requirments-col h2{ font-size: 24px;}   
    .syst-requirments-col {padding: 28px 0 38px 0;}.syst-requirments-col p {padding: 0px 18px;}
    small, .small {font-size: 12px;padding-right: 10px;padding-left: 10px;}	
    .copy-right-col{ font-size: 13px;}	
    .copy-right-menu li{ padding-right: 10px;}	

    .bnr-chakra img {
        max-width: 200px;
    }
    .logo-bnr-right {
        width: 50px;
        right: 9px;
        top: 90px;
    }
    .make-india {
        width: 50px;
        bottom: 112px;
        left: 10px;
    }
    .indpn-img img {
        max-width: 270px;
    }
    .syst-logo img {
        max-width: 100px;
    }
    .banner-section{ padding-bottom: 25px;}
    .listing-right {
        width: 60px;
    }

    .buy_now {
        display: block;
        clear: both;
        margin: 0 auto 0;box-shadow: 2.5px 1.33px 4.5px 0.5px rgb(0 0 0 / 20%);
    }
    .sm-prs{ margin-top: 14px; margin-bottom: 15px;}
    .price-col{ margin-top: 0;}
    .deal-box-lft {
        width: 140px;
    }
    .deal-box-lft img {
        margin-left: -30px;
    }
    .deal-right{ margin-top: 12px;}
    .deal-outer {
        padding: 20px 12px;
    }
     }
    
    @media(max-width:360px){
    
        .deal-right h2 {
            font-size: 20px;
        }
        .syst-requirments-col h2 {
            font-size: 22px;
        }
        .head-title-col .headin-2 {
            font-size: 22px;
        }
        }