/*-----------------------------------------------------------------------------------
  Template Name: swift tech buy
  Description: E-commerce
  Author: Dhruvsingh 
  Author URI: 
  Version: 1.0
-----------------------------------------------------------------------------------*/


@import url('//fonts.googleapis.com/css?family=Montserrat:100,200,300,300i,400,400i,500,600,700,800');

/* keyfrme animation */
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0.9;
    transform: translateY(0);
  }
}

a, a:hover, a:focus{ text-decoration: none; outline:none;}
/* --/.end --*/
body {
  font-family: 'Montserrat', sans-serif;
  color: #404040;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  overflow-x: hidden !important;
  font-smoothing: subpixel-antialiased;
  text-stroke: 1px transparent;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-stroke: 1px transparent;
}

/*=== Typography start ===*/
h1, h2, h3, h4, h5, h6 {
  color: #404040;
  font-family: 'Montserrat', sans-serif;

  margin: 0px;
}

h1 {
  font-size: 30px;
  line-height: 35px;
}

h2 {
  font-size: 24px;
  line-height: 28px;
}

h3 {
  font-size: 20px;
  line-height: 24px;
}

h4 {
  font-size: 17px;
  line-height: 20px;
}

h5 {
  font-size: 14px;
  line-height: 20px;
}

h6 {
  font-size: 12px;
  line-height: 20px;
}

p {
  margin: 10px 0 20px 0;
  color: #404040;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
strong{
  font-weight: 500;
}
p .dropcap::first-letter {
  color: #e23636;
  display: block;
  float: left;
  font-size: 50px;
  line-height: 51px;
  margin: -1px 8px -2px 0;
}

a {
  color: #404040;
  text-decoration: none;
}
a:hover,a:focus,a:active {
  color: #e23636;
  outline: none;
}


.title-center-heading {
  padding-bottom: 30px;
  text-align: center;
}

.title-center-heading .dot-1{
  background-color: #e23636;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: relative;
  top: -1px;
}
.title-center-heading .dot-2{
  background-color: #e23636;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.title-center-heading h2 {
  font-size: 24px;
  position: relative;
  padding-bottom: 0px;
  font-weight: 300;
  text-align: center;
  color:#404040;
}



.title-center-heading h1 {
  font-size: 24px;
  position: relative;
  padding-bottom: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #e23636;
}

blockquote p {
  font-style: italic;
}

p.dropcap::first-letter {
  color: #e23636;
  display: block;
  float: left;
  font-size: 50px;
  line-height: 51px;
  margin: -1px 8px -2px 0;
}



/*=== Theme custome button ===*/
.btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 8px 20px 7px 20px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.btn-xs {
  border-radius: 18px;
  font-size: 12px;
  line-height: 1.3;
  padding: 2px 12px 3px;
}

.btn-sm {
  border-radius: 20px;
  font-size: 12px;
  line-height: 1.5;
  padding: 4px 12px;
}

.btn-md {
  border-radius: 20px;
  font-size: 14px;
  line-height: 1.5;
  padding: 5px 15px;
}

.btn-lg {
  border-radius: 20px;
  line-height: 1.5;
  padding: 6px 20px;
}

.theme-btn-black {
  background-color: #404040;
  border-color:none;
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  padding: 12px 20px;
 
}
.theme-btn-black:hover, .theme-btn-black:focus{
  background-color: #e23636;
  color: #fff;
}


/*=== Header Section Start ===*/
.static-banner img {
  width: 100%;
}

.top-header-bar {
  background-color: #f0f0f0;
  animation: slide-up 0.7s;
  height: 43px;
  padding: 3px 0px;
}
.top-header-bar .contact-info {
  float: left;
}
.top-header-bar .contact-info ul {
  margin: 0px;
  padding: 0px;
}
.top-header-bar .contact-info ul li:first-child{
  padding-left: 0px;
}
.top-header-bar .contact-info ul li {
  display: inline-block;
  padding: 6px 8px;
  border-right: solid 1px #ddd;
  color: #404040;
}
.top-header-bar .contact-info ul li:last-child{
  border-right: none;
}
.top-header-bar .contact-info ul li span+span{
  font-weight: 500;
  margin-left: 6px;
}
.top-header-bar .contact-info ul li a {
  color: #404040;
}
.top-header-bar .contact-info ul li a span{
  font-weight: 500;
  margin-left: 6px;
  margin-right: 8px;
}
.top-header-bar .contact-info ul li a:hover {
  color: #e23636;
}
.top-header-bar .login-regiter {
  float: right;
}
.top-header-bar .login-regiter ul {
  margin: 0px;
  padding: 0px;
}
.top-header-bar .login-regiter ul li:nth-child(2) {
  display: inline-block;
  padding: 6px 8px;
  top: -8px;
    position: relative;
}
.top-header-bar .login-regiter ul li:nth-child(1) {
  display: inline-block;
  padding: 6px 8px;
  top: -8px;
    position: relative;
}
.top-header-bar .login-regiter ul li:nth-child(3){
  background-color: #e23636;
  display: inline-block;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 10px 20px;
top: -3px;
position: relative;
}
.top-header-bar .login-regiter ul li:nth-child(3) a{
  color: #fff;
  font-weight: 500;
}
.top-header-bar .login-regiter ul li:nth-child(3) a:hover{
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}
.top-header-bar .login-regiter ul li .item-c{
display: inline-block;
height: 26px;
width: 26px;
margin-left: 6px;
line-height: 24px;
text-align: center;
color: #e23636;
font-weight: 500;
border-radius: 50%;
background-color: #fff;
}
.top-header-bar .login-regiter ul li a {
  color: #666666;
}
.top-header-bar .login-regiter ul li a:hover {
  color: #e23636;
}

header {
  text-align: center;
  min-height: 80px;
  background-color: #fff;
  color: #ffffff;
  box-shadow: 0 0 4px 0 #666666;
  z-index: 15;
  animation: slide-up 0.7s;
  -webkit-animation: slide-up 0.7s;
  -moz-animation: slide-up 0.7s;
  -o-animation: slide-up 0.7s;
  -ms-animation: slide-up 0.7s;
  transition: all 0.5s;
  webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  animation: slide-up 0.7s;
}

header.sticky {
  /*min-height: 60px;
     position: fixed;
    background-color:#ffffff;
    width:100%; 
    text-align: left;
    box-shadow:0 0 4px 0 #666666;
    padding:0px 0;*/
  min-height: 60px;
  position: fixed;
  background-color: #ffffff;
  width: 100%;
  text-align: left;
  box-shadow: 0 0 4px 0 #666666;
  z-index: 20;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  animation: slide-down 0.7s;
  -webkit-animation: slide-down 0.7s;
  -moz-animation: slide-down 0.7s;
  -o-animation: slide-down 0.7s;
  -ms-animation: slide-down 0.7s;
  opacity: 1;
}
header.sticky .navbar-nav > li > a {
  padding: 18px 11px 40px 11px;
  color: #404040;
}
header.sticky .nav > li > a:focus, header.sticky .nav > li > a:hover {
  background-color: #ffffff;
  text-decoration: none;
  color: #e23636;
}

header.sticky .custome-nav .navbar-brand{
  padding: 3px 0px 0px 5px;
}

.custome-nav {
  margin-bottom: 0px;
  border: none;
  margin-top: 18px;
  background-color: #fff;
}
.custome-nav .navbar-brand {
  float: left;
  font-size: 18px;
  height: auto;
  line-height: 20px;
  margin-left: -5px !important;
  padding: 15px 0px 0px 5px;
}
.custome-nav .navbar-collapse {
  padding: 0 0;
}
.custome-nav .navbar-nav {
  float: right;
  margin: 0;
}
.custome-nav .navbar-nav > li:last-child > a {
  padding-right: 18px;
}
.custome-nav .navbar-nav > li > a {
  padding: 36px 11px 44px 11px;
  color: #404040;
  font-size: 16px;
  position: relative;
}
.nav>li>a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #e23636;
}
.custome-nav .nav >li.active::after {
content: '';
position: absolute;
bottom: 30px;
left: 50%;
height: 6px;
border-radius: 50%;
width: 6px;
background-color: #e23636;
}
 .custome-nav .nav > li:hover a::after {
  background-color: transparent;
  text-decoration: none;
  content: '';
  color: #e23636;
  position: absolute;
bottom: 30px;
left: 50%;
height: 6px;
border-radius: 50%;
width: 6px;
background-color: #e23636;
}
.custome-nav .nav .open > a,
.custome-nav .nav .open > a:hover,
.custome-nav .nav .open > a:focus {
  background-color: transparent;
  border-color: #337ab7 !important;
}

/*===== baner sec ===*/
.banner_sec{
  background-image: url('../img/home_baner.jpg');
  background-size: cover;
  padding: 70px 0;
}
.banner_sec h1{
  font-size: 40px;
  text-align: center;
  color: #fff;
  font-weight: 200;
}
.banner_sec h3{
  color: #fff;
  font-weight: 300;
  margin: 10px 0 35px 0;
  text-align: center;
}
.search-sec{
  background-color: rgba(255, 255, 255, 0.85);
  padding: 20px;
  border-radius: 5px;
}
.search-sec form{
  position: relative;
}
.search-sec h3{
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  color: #404040;
  margin-bottom: 12px;
}

.search-sec p{
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: #404040;
  margin-bottom: 8px;
}
.search-sec input:focus{
  outline: none;
  box-shadow: none;
}
.search-sec input{
  background-color: #fff;
  height: 60px;
  border:none;
  padding: 15px 100px 15px 20px;
  box-shadow: none;
  color: #404040;
  font-style: italic;
  width: 100%;
  position: relative;
}
.btn-search{
  background-color: #404040;
  height: 43px;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  position: absolute;
  right: 8px;
  border-radius: 0px;
  top: 8px;
  text-transform: uppercase;
}
.btn-search:hover{
  background-color: #e23636;
  color: #fff;
}
/*=== end ===*/
.container{
  width: 1300px;
}
/** usp section **/
.usp_sec{
  padding: 60px 0;
}
.usp-box{
  background-color: #3e3e3f;
  border-radius: 5px;
  padding: 20px;
  min-height: 250px;
  -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;	
}
.usp-box:hover{transform: scale(1.05);}
.usp-box p{
  color: #fff;
  text-align: center;
  font-size: 16px;
}
.usp-box h2{
  font-size: 36px;
  color: #fff;
  line-height: 36px;
  font-weight: 700;
}
.usp-box h2 span{
  font-weight: 300;
}
.usp-info{
  text-align: center;
}
.title-usp{
display: inline-block;
 width: 60%;
 text-align: left;
 top: 25px;
 position: relative;
}
.icon-usp img{
  max-width: 100%;
}
.icon-usp{
display: inline-block;
width: 20%;
}
/** end **/


/** how work sec **/
.howwork_sec{
  padding: 60px 0;
  background-color: #f0f0f0;
}
.howwork-box{
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  padding: 30px;
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;		
}
.howwork-box:hover{filter: drop-shadow(0 0 0.75rem rgba(0,0,0,0.1));}
.howwork-box p{
  text-align: center;
  font-size: 16px;
  font-weight: 300;
}
.howwork-box h3{
  font-size: 20px;
  text-align: center;
  color: #e23636;
  font-weight: 300;
}
.icon-howwork img{
  max-width: 100%;
}
.icon-howwork{
  text-align: center;
  min-height: 220px;
  margin-bottom: 25px;
}

.arrow_right_r{
position: absolute;
background-image: url('../img/arrow-right.png');
width: 94px;
height: 96px;
z-index: 2;
top: 50%;
right:-40px;
margin-top: -48px;
}
/** end **/

/** brand logo sec **/
.brand_sec{
  padding: 60px 0;
}
.brand_sec ul{
  margin: 0px;
  padding: 0px;
}
.brand_sec ul li{
  width: 16.666666666%;
  padding: 20px;
  list-style: none;
  float: left; box-sizing: border-box;
}
.brand-sec-box{
  border-radius: 5px;
  background-color: #f0f0f0;text-align: center;
}
.brand-sec-box img{
  max-width: 100%;
}
/** end **/


/** brand logo sec **/
.recently-product_sec{
  padding: 60px 0;
}
.recently-product_sec ul{
  margin: 0px -10px 0 -10px;
  padding: 0px;
}
.recently-product_sec ul li{
  width: 20%;
  list-style: none;
  padding: 10px;
  float: left;
}
.recently-product_sec ul li h4{
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  margin-top: 20px;
}
.recently-product_sec ul li .price{
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  margin-top: 5px;
}
.recent-p-box img{
  max-width: 100%;
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;		
}

.recent-p-box{
  /*background-color: #f0f0f0;*/
  text-align: center;
  padding: 20px;
  border-radius: 5px;

}
/** end **/

/** about us -sec **/
.about_sec{
  background-color: #f0f0f0;
}
.about_sec .mar-l-30{
  margin-left: -30px;
}
.about-info .title-center-heading{
  display: inline-block;
}
.about-info .title-center-heading h2{
  text-align: left;

}
.about-info{
  padding: 50px 0;
  position: absolute;
  left: -65px;
}
.about-info p{
  padding-left: 50px;
  text-align: justify;
}
.about-img img{
  width: 650px;
  height: 420px;
}
/** end **/

/** trusted cash section **/
.trusted-cash_sec{
  padding: 60px 0;
}

.trusted-cash_sec ul{
  margin: 0px;
  padding: 0px;
}
.trusted-cash_sec ul li{
  width: 20%;
  list-style: none;
  float: left;
  padding: 0 6px;
}
.trusted-cash_sec ul li .trusted-logo-box img{
  max-width: 100%;
}
/** end **/

/*=== Testmonial Section start ===*/


.testmonial-section .testmonial-bg {
  padding: 50px 0 40px 0;
 background-color: #f0f0f0;

  background-attachment: fixed;
}
.testmonial-section #testmonial-carousel p {
  color: #404040;
}
.testmonial-section #testmonial-carousel small {
  color: #404040;
  font-weight: bold;
  font-size: 16px;
}

#testmonial-carousel .carousel-control {
  background: none;
 color: #404040;
  font-size: 30px;
  text-shadow: none;
  margin-top: 30px;
}

.quto-circle {
  border: solid 2px #e23636;
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  margin: 0 auto;
  border-radius: 50%;
}
.quto-circle .fa {
  color: #e23636;
  font-size: 24px;
}

#testmonial-carousel, #testmonial-carousel-center-img {
  padding: 0 0px 30px 0px;
  margin-top: 30px;
}
#testmonial-carousel p, #testmonial-carousel-center-img p {
  color:#404040;

}
#testmonial-carousel small, #testmonial-carousel-center-img small {
  color: #000;

}

#testmonial-carousel .carousel-control, #testmonial-carousel-center-img .carousel-control {
  background: none;
  color: #fff;
  background-color: #404040;
  font-size: 30px;
  height: 50px;
  width: 50px;
  opacity: 1;
  line-height: 45px;
  text-align: center;
  text-shadow: none;
  margin-top: 30px;
}

#testmonial-carousel .carousel-indicators, #testmonial-carousel-center-img .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}

.test-logo{
  text-align: center;
  margin-top: 25px;
}

#testmonial-carousel .carousel-inner {
  margin: 0 auto;
  min-height: 260px;
  width: 80%;
}

/*=== Testmonial Section start End ===*/
/** contact info **/
.contact-info-footer{
  background-image: url('../img/contct-info-bg.png');
  background-size: cover;
  padding: 60px 0;
}
.contact-info-footer h2{
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
}
.contact-info-footer .call-us{
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 40px;
  text-align: center;
}
.contact-info-footer p{
  font-size: 20px;
  color: #fff;
  font-weight: 300;
  text-align: center;
}
.contact-info-footer .contact-info-list ul{
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.contact-info-footer .contact-info-list ul li span{
  margin-right: 10px;
}
.contact-info-footer .contact-info-list ul li{
  display: inline-block;
  background-color: #fff;
  font-size: 18px;
  color: #e23636;
  min-height: 59px;
  margin: 0px 5px;
  padding: 15px;
  border-radius: 5px;
}


/** sub scribe section **/
.subscribe-sec{
  padding: 30px 0;
  background-color: #f0f0f0;
}
.subscribe-sec .news-subscribe input {
  background-color: #fff;
  height: 60px;
  border: none;
  padding: 15px 100px 15px 20px;
  box-shadow: none;
  color: #404040;
  font-style: italic;
  width: 100%;
  position: relative;
}
.sub-text{
  display: inline-block;
  font-size: 20px;
  font-weight: 300;
  width: 34%;
}
.news-subscribe{
  display: inline-block;
  position: relative;
  width: 65%;
}
.btn-subscribe {
  background-color: #404040;
  height: 43px;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  position: absolute;
  right: 8px;
  border-radius: 0px;
  top: 8px;
  text-transform: uppercase;
}
.btn-subscribe:hover{
  background-color: #e23636;
  color: #fff;
}
 .footer-social ul {
  margin: 0px 0;
  padding: 0px;
  text-align: right;
}
.footer-social li p{
  font-size: 20px;
  font-weight: 300;
}
 .footer-social li {
  display: inline-block;
  margin: 0 6px;
  
}

.footer-social li a:hover{
opacity: 0.7;
}
 
/** end **

/** footer start **/
footer {
  color: #ffffff;
  padding: 50px 0 0 0;
  position: relative;
  background-color: #404040;
}
footer a {
  color: #f0f0f0;
}
footer a:hover {
  color: #e23636;
  text-decoration: none;
}
footer .footer-social ul {
  margin: 20px 0;
  padding: 0px;
}

footer .footer-link ul {
  list-style-type: none;
  padding-left: 0px;
}
footer .footer-link ul li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 10px;
}

footer .footer-link ul li a {
  color: #f0f0f0;
  font-size: 16px;
  font-weight: 300;
}
footer .footer-link ul li a:hover {
  color: #e23636;
  text-decoration: none;
}
footer p {
  color: #f0f0f0;
}

.copyright-sec {
  padding: 15px 0;
  background-color: #e23636;
}
.copyright-sec p {
  color: #ffffff;
}
.footer-hr{
  background-color: #4a4a4a;
  height: 1px;
  margin: 25px 0;
}
.pad-1-sec{
  padding-left: 110px;
}
footer .pad-75{
padding-left: 65px;
}
.pad-l-c2{
  /*padding-left: 140px;*/
}
/** end **/
/** blog section **/
.blog-section{
  padding: 60px 0;
}
.readmore a{
font-weight: 500;
}
.blog-img{
  height: 205px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.blog-section .padl0{
  padding-left: 0px;
}
/** end **/

/*-- login register section --*/
#LoginRegistermodel .modal-dialog{
/*width: 1100px;*/
}

#LoginRegistermodel .modal-content{
  border-radius: 0px;
  font-size: 18px;
  padding: 25px;
}
.logo-model{
  text-align: center;
  padding: 15px 0 20px 0;
}

#LoginRegistermodel .form-control {
  display: block;
  width: 100%;
  height: 55px;
  padding: 6px 12px;
  background-color: #f0f0f0;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border:none;
  border-radius: 0px;
  -webkit-box-shadow:none;
  box-shadow: none;
  
}
#LoginRegistermodel label {
  display: inline-block;
  max-width: 100%;
  margin-top: 14px;
  font-weight: 300;
}
.form-group {
  margin-bottom: 20px;
}

.not-register{
  font-size: 14px;
  text-align: right;
}
.not-register a{
  text-decoration: underline;
}
.not-register a:hover{
  text-decoration: none;
}
.m-footer{
  font-size: 14px;
  text-align: center;
  padding-bottom: 6px;
}
.login-sec{
  padding-left: 28px;
}
.guest-login-sec{
  padding-right: 28px;
}
.login-sec::before{
position: absolute;
content: '';
height: 100%;
left: 0px;
width: 1px;
background-color: #f0f0f0;
}
.guest-login-f{
  margin: 15px 0;
}
.login-f{
  margin: 15px 0;
}
.forgot-password{
  font-size: 14px;
  padding-top: 14px;
  font-style: italic;
}
.forgot-password a{
  text-decoration: underline;
}
.forgot-password a:hover{
  text-decoration: none;
}
/*-- end --*/

/*-- order confirm sec --*/
.order-confirm-sec{
  background-color: #e23636;
  padding: 60px 0;
}
.order-confirm-sec h1{
  font-size: 36px;
  font-weight: 300;
  margin-top: 30px;
  color: #fff;
  text-align: center;
}
.order-confirm-sec h3{
  font-size: 20px;
  font-weight: 300;
  margin-top: 15px;
  color: #fff;
  text-align: center;
}
.order-confirm-sec .order-sucess-icon{
 text-align: center;
}
.order-what-do-sec{
  padding: 60px 0;
}

.order-w-box-b{
  background-color: #414141;
  border-radius: 5px;
  padding: 30px;
  min-height: 250px;
}
.order-w-box-g {
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 30px;
  min-height: 250px;
}
.order-w-icon{
  text-align: center;
  margin-bottom: 20px;
}
.order-w-box-b p {
  color: #fff;
  text-align: center;
  font-size: 16px;
}
.order-w-box-b h3 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.order-w-box-g h3 {
  color: #404040;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.order-w-box-g .btn{
  margin-top: 20px;
}
.order-w-box-g .btn span{
  margin-right: 8px;
}
/*-- end --*/

/*-- inner banner sec --*/
.inner-baner-sec{
  background-color: #e23636;
  padding: 40px 0;
}
.inner-baner-sec h2{
  color: #fff;
}
.inner-baner-sec .dot-1{
background-color: #fff;
}
.inner-baner-sec .dot-2{
  background-color: #fff;
  }
  .inner-baner-sec p{
color: #fff;
text-align: center;
    }
    .inner-baner-sec .title-center-heading{
      padding-bottom: 0px;
    }
/*-- end --*/
/*-- more devices sell--*/
.more-devices-sec{
  padding: 60px  0;
}
.more-devices-box{
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 30px;
  min-height: 250px;
}
.more-devices-box h4{
  color: #404040;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
}
.more-devices-sec h3 {
  color: #404040;
  text-align: center;
  font-size: 20px;
  margin-top: 15px;
  font-weight: 300;
}
.more-devices-icon{
  text-align: center;
  margin-bottom: 20px;

}
/*-- end --*/

/*-- make enquriy section --*/
.make-enquiry-sec{
  background-color: #f0f0f0;
  padding: 60px 0;
}
.make-enquiry-sec h3{
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  margin: 15px 0 10px 0;
}
.make-enquiry-sec h3 span{
  font-weight: 500;
}

.make-enquiry-sec .form-control {
  display: block;
  width: 100%;
  height: 55px;
  padding: 6px 12px;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border:1px solid #fff;
  border-radius: 0px;
  -webkit-box-shadow:none;
  box-shadow: none; 
  
}
.make-enquiry-sec .form-control.error{
	border-color: #A70002;
}
.make-enquiry-sec textarea{
  height: 205px!important;
}
.make-enquiry-sec label {
  display: inline-block;
  max-width: 100%;
  margin-top: 14px;
  font-size: 18px;
  font-weight: 300;
}
/*-- end --*/
/*-- do you want sell device section --*/
.do-you-want-sell-sec{
  padding: 60px 0;
}
.do-you-want-sell-sec h3{
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  margin: 15px 0 10px 0;
}
.do-you-want-sell-sec .divice-select-heading ul{
margin: 0px;
padding: 10px 0;
border-bottom:solid 1px #f0f0f0;
}
.do-you-want-sell-sec .divice-select-heading ul li{
list-style: none;
font-size: 20px;
display: inline-block;
  padding: 0px;
  }
  .do-you-want-sell-sec .divice-select-heading ul li:nth-child(1){
    width: 48%;
    border-right: solid 1px #f0f0f0;
  }
  .do-you-want-sell-sec .divice-select-heading ul li:nth-child(2){
    width: 15%;
    border-right: solid 1px #f0f0f0;
    text-align: center;
  }
  .do-you-want-sell-sec .divice-select-heading ul li:nth-child(3){
    width: 15%;
    border-right: solid 1px #f0f0f0;
    text-align: center;
    
  }
  .do-you-want-sell-sec .divice-select-heading ul li:nth-child(4){
    width: 20%;
   
  }



  .do-you-want-sell-sec .divice-select-list ul{
    margin: 0px;
    padding: 10px 0;
    border-bottom:solid 1px #f0f0f0;
    }
    .do-you-want-sell-sec .divice-select-list ul li{
    list-style: none;
    font-size: 18px;
    display: inline-block;
      padding: 8px 0;
      }
      .do-you-want-sell-sec .divice-select-list ul li:nth-child(1){
        width: 48%;
        border-right: solid 1px #f0f0f0;
      }
      .do-you-want-sell-sec .divice-select-list ul li:nth-child(2){
        width: 15%;
        border-right: solid 1px #f0f0f0;
        text-align: center;
      }
      .do-you-want-sell-sec .divice-select-list ul li:nth-child(3){
        width: 15%;
        border-right: solid 1px #f0f0f0;
        text-align: center;
        
      }
      .do-you-want-sell-sec .divice-select-list ul li:nth-child(4){
        width: 21%;
        text-align: right;
       
      }


      .do-you-want-sell-sec .divice-select-list-edit ul{
        margin: 0px;
        padding: 10px 0;
        border-bottom:solid 1px #f0f0f0;
        }
        .do-you-want-sell-sec .divice-select-list-edit ul li{
        list-style: none;
        font-size: 18px;
        display: inline-block;
          padding: 0px;
          }
          .do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(1){
            width: 48%;
            border-right: solid 1px #f0f0f0;
          }
          .do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(2){
            width: 15%;
            border-right: solid 1px #f0f0f0;
            text-align: center;
          }
          .do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(3){
            width: 15%;
            border-right: solid 1px #f0f0f0;
            text-align: right;
            
          }
          .do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(4){
            width: 21%;
            text-align: right;
           
          }

          .do-you-want-sell-sec .select-wrapper {
            position: relative;
            width: 100%;
        }
        .do-you-want-sell-sec .select-wrapper.sec-1{
          
         
        }
        .do-you-want-sell-sec .btn span{
          margin-right: 6px;
          min-width: 180px;
        }
        .do-you-want-sell-sec .btn {
        
          min-width: 222px;
        }

        .do-you-want-sell-sec .btn-requestquote {
          background-color: #e23636;
          border-color: none;
          color: #ffffff;
          font-size: 24px;
          text-transform: uppercase;
          padding: 15px 40px;
         
        }
        .do-you-want-sell-sec .request-quote{
          text-align: center;
          margin-top: 60px;
        }
        .do-you-want-sell-sec .request-quote .btn span{
          margin-left: 12px;
          
        }
        .do-you-want-sell-sec .select-wrapper.sec-1 .form-control{
          padding-left: 0px;
        }
        .do-you-want-sell-sec .select-wrapper.sec-2{
           
        }
        .do-you-want-sell-sec .select-wrapper.sec-3{
         
        }
        .do-you-want-sell-sec .select-wrapper .form-control{
          display: block;

  height: 55px;
  padding: 6px 12px 6px 0px;
  background-color: #fff;
  font-size: 16px;
  font-style: italic;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border:none;
  border-radius: 0px;
  -webkit-box-shadow:none;
  box-shadow: none;
        }
        .do-you-want-sell-sec .select-wrapper:after {
          content: '\f107 ';
          font-family: 'FontAwesome';
          font-size: 30px;
          position: absolute;
          right: 15px;
          top: 16px;
          pointer-events: none;
      }
      .do-you-want-sell-sec select {
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
    }
/*-- end --*/
.container{
  position: relative;
}
.how-it-work-content{
  padding-top: 150px;
  padding-right: 140px;
}
.padimg1{
padding-top: 10px;
}
.padimg3{
  padding-top: 25px;
}
.padimg2{
  padding-top: 30px;
}
.red-dotborder{
width: 5px;
background-image: url('../img/dot-border.png');
background-repeat: repeat-y;
height: 100%;
position: absolute;
top: 0px;
right: 70px;
z-index: 5;
}
.step-circle-1{
  height: 122px;
  background-color: #e23636;
  color: #fff;
  text-align: center;
  padding-top: 34px;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -61px;
  z-index: 5;
  width: 122px;
  font-size: 48px;
  font-weight: 700;
  border-radius: 50%;
}
.step-circle-1 span{
  display: block;
  font-size: 21px;
  padding-top: 12px;
  text-transform: uppercase;
  font-weight: 300;
}
.how-it-work-section .graybg-sec{
  background-color: #f0f0f0;
  position: relative;
  padding: 0px 0;
}
.how-it-work-section .whitebg-sec{
  background-color: #fff;
  position: relative;
  padding: 0px 0;
}
.how-it-work-content h3 {
  font-size: 20px;
  text-align: left;
  color: #e23636;
  font-weight: 300;
}
.how-it-work-content p{
  text-align: justify;
  font-size: 16px;
  font-weight: 300;
}
.how-it-work-box-w{
  background-color: #fff;
    border-radius: 5px;
    position: relative;
    padding: 30px;
    margin: 60px 0;
    min-height: 300px;
}
.how-it-work-box-g{
  background-color: #f0f0f0;
    border-radius: 5px;
    position: relative;
    padding: 30px;
    vertical-align: top;
    margin: 60px 0;
    min-height: 300px;
}
.how-it-work-box-icon{
  text-align: center;

}
.how-it-work-box-icon img{
max-width: 100%;
}

.arrow_bottom_hwt {
  position: absolute;
  background-image: url('../img/arrow-down.png');
  width: 94px;
  height: 96px;
  z-index: 2;
  bottom: -50px;
    left: 10%;

}
.btn-sale-dvice span img{
width: 52px;
}
 .btn-sale-dvice {
  background-color: #e23636;
  border-color: none;
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;
  padding: 15px 40px;
}
.btn-sale-dvice:hover{
  background-color: #000;
  color: #fff;
}
.sale-divice-b{
  text-align: center;
  margin-bottom: 60px;
}

/*-- step progress bar start --*/
.step-progress-sec{
  background-color: #e23636;
}

.step-progress ul{
  margin: 0px;
  padding: 0px;
  }
  .step-progress-inner{
    padding: 0px;
    width: 80%;
    margin: 57px auto;
    position: relative;
    min-height: 80px;
  }
 
    .step-progress ul::after{
      background-color: #fff;
      content: '';
      height: 20px;
      position: absolute;
      top: 0px;
      width: 98%;
      left: -10px;
      z-index: 0;
      margin: 0 2%;
    }
 .step-progress ul li .circle.current {
    background-color: #e23636;
}
    .step-progress ul::before{
      background-color: #f0f0f0;
      content: '';
      height: 6px;
      border-radius: 5px;
      position: absolute;
      top: 7px;
      width: 100%;
      left: 0;
      z-index: 2;
    }

    .step-progress ul li{
      margin: 0px;
      float: left;
      width: 33.33%;
      padding: 0px;
      list-style: none;
      }
      .step-progress ul li h3{
        font-size: 18px;
        text-align: center;
        font-weight: 300;
        color: #fff;
        position: absolute;
        left: -6%;
        top: 67px;
      }
  .fill-circle{
    height: 71px;
    width: 71px;
    background-color: #f0f0f0;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: -1px;
    text-align: center;
    line-height: 70px;
  }
      .step-progress ul li:nth-child(2) h3{
        left: 50%;
        transform: translate(-50%);
      }

      .step-progress ul li:nth-child(3) h3{
        right: -6%;
        left: inherit;
       
      }

      .step-progress ul li:nth-child(2) .circle-border{
        left: 50%;
        line-height: 58px;
        margin-left: -42px;
        z-index: 7!important;
      }
      .step-progress ul li:nth-child(3) .circle-border{
        right:0%;
        margin-left: 0px;
        line-height: 56px;
        z-index: 7;
      }
      .step-progress ul li .circle-border{
        height: 85px;
        text-align: center;
        padding: 5px;
        background-color: #f0f0f0;
        width: 85px;
        line-height: 54px;
        position: absolute;
        top: -33px;
        z-index: 5;
        border-radius: 50%;
        border:solid 8px #fff;

      }
     
      .step-progress ul li.current .circle-border{
        background-color: #e23636;
        z-index: 5;
      }
      

      .progress{
        width: 85.14%;
        position: absolute;
        left: 75px;
        height: 6px;
        top: 7px;
        z-index: 6;
        box-shadow: none;
      }

      
      .progress-bar {
        float: left;
        width: 0;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        background-color: #e23636;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease;
    }
    .progress-bar {
      width: 0;
      -webkit-animation: progress 1.5s ease-in-out forwards;
              animation: progress 1.5s ease-in-out forwards;
    }
    .progress-bar .title {
      opacity: 0;
      -webkit-animation: show 0.35s forwards ease-in-out 0.5s;
              animation: show 0.35s forwards ease-in-out 0.5s;
    }
    
    @-webkit-keyframes progress {
      from {
        width: 0;
      }
      to {
        width: 100%;
      }
    }
    
    @keyframes progress {
      from {
        width: 0;
      }
      to {
        width: 100%;
      }
    }
    @-webkit-keyframes show {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
    @keyframes show {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }
    
/*-- end --*/

.search-sec-shipping{
  background-color: #f0f0f0;
  padding: 30px 0;
}
.search-sec-shipping .container{
  max-width: 1100px;
  margin: 0 auto;
}
.search-sec-shipping form {
  position: relative;
}
.search-sec-shipping input {
  background-color: #fff;
  height: 60px;
  border: none;
  padding: 15px 100px 15px 20px;
  box-shadow: none;
  color: #404040;
  font-style: italic;
  width: 100%;
  position: relative;
}
.search-sec-shipping .btn-search {
  background-color: #404040;
  height: 43px;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  position: absolute;
  right: 8px;
  border-radius: 0px;
  top: 8px;
  text-transform: uppercase;
}
.search-sec-shipping h3 {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  color: #404040;
  margin-bottom: 12px;
}

.search-sec-shipping p {
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: #404040;
  margin-bottom: 8px;
}

.product-sale-sec{
  padding: 30px 0 30px 0;
  border-bottom: solid 1px #f0f0f0;
}
.product-sale-sec .item {
  padding: 0 20px;
}
.product-sale-sec h3 {
  color: #404040;
  text-align: center;
  font-size: 20px;
  margin-top: 15px;
  font-weight: 300;
}
.product-sale-sec h3 span{
  font-weight: 500;
}

.product-sale-sec .item h4{
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  margin: 18px 0 5px 0;
}
.product-sale-sec .item .check-circle{
  display: block; opacity: 0;
}
.product-sale-sec .item.active .check-circle, .product-sale-sec .item:hover .check-circle{
  opacity: 1;
}
.product-sale-sec .item.active img, .product-sale-sec .item:hover img{
  -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
    opacity: 1;
}
.product-sale-sec .item img{
  -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
    opacity: 1;
}
.check-circle{
  text-align: center;
  color: #e23636;
  font-size: 20px;
}

.network-device-sec{
  padding: 60px 0 30px 0;
  border-bottom: solid 1px #f0f0f0;
}
.network-device-box {
  border-radius: 5px;
  background-color: #f0f0f0;
}
.network-device-box img{
  max-width: 100%;
}
.network-device-sec ul {
  margin: 0px;
  padding: 0px; text-align: center;
}
.network-device-sec ul li {
  width: 16.66%;
  display: inline-block;
  padding: 20px;
  list-style: none;
  margin-left: -4px;
}

.network-device-sec ul li.active .network-device-box img, .network-device-sec ul li:hover .network-device-box img{
  -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
    opacity: 1;
}
.network-device-sec ul li .check-circle{
  margin-top: 5px;
 opacity: 0;
}
.network-device-sec ul li.active .check-circle, .network-device-sec ul li:hover .check-circle{
  margin-top: 5px;
  opacity: 1;
}
.network-device-sec ul li h4{
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  margin: 18px 0 5px 0;
}
.network-device-sec ul li .network-device-box img{
  -webkit-filter: grayscale(0%); 
  filter: grayscale(0%);
  opacity: 0.5;
}






.device-storage-sec{
  padding: 60px 0 30px 0;
  border-bottom: solid 1px #f0f0f0;
}
.device-storage-box {
  border-radius: 5px;
  background-color: #f0f0f0;
  text-align: center;
  padding: 15px;
}
.device-storage-sec ul {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.device-storage-sec ul li {
  padding: 20px;
  list-style: none;
 display: inline-block;
}

.device-storage-sec ul li.active .network-device-box img{
  -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
    opacity: 1;
}
.device-storage-sec ul li .check-circle{
  margin-top: 5px;
opacity: 0;
}
.device-storage-sec ul li.active .check-circle{
  margin-top: 10px;
  opacity: 1;
}
.device-storage-sec ul li h3{
  font-size: 24px;
  padding-left: 5px;
  font-weight: 300;
  display: inline-block;
  text-align: center;
vertical-align: middle;
}
.device-storage-sec ul li .device-storage-box img{
  -webkit-filter: grayscale(0%); 
  filter: grayscale(0%);
 display: inline-block;
  width: 50px;
  opacity: 0.5;
}

/*-- phone condition sec --*/
.whatyouphone-condition-sec{
  padding: 60px 0 60px 0;
}
.whatyouphone-condition-sec h4{
  font-size: 20px;
    font-weight: 300;
    text-align: center;
    margin: 18px 0 5px 0;
}
.phone-condition-box{
  border-radius: 5px;
  background-color: #f0f0f0;
  text-align: center;
  min-height: 200px;
  padding: 20px 15px 15px 30px;
}
.phone-condition-box ul{
  margin: 0px;
  padding: 0px;
}
.phone-condition-box ul li{
font-size: 14px;
list-style: none;
line-height: 22px;
display: block;
font-weight: 300;
text-align: left;
position: relative;
margin-left: 15px;
border-bottom: 1px dashed #333;
padding: 4px 0px;	
	margin-bottom: 9px;
}
.phone-condition-box ul li::before{
  content: '';
  display: inline-block;
  width: 8px;
  height: 13px;
  border: solid #414141;
  margin-right: 10px;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
	position: absolute;
	left: -18px; top: 6px;
}
/*.phone-condition-box.active ul li::before{
  content: '';
  display: inline-block;
  width: 8px;
  height: 13px;
  border: solid #e23636;
  margin-right: 10px;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}*/
.phone-con-link:hover, .phone-con-link:focus{ color: #fff; text-decoration: none; }
.phone-con-link:hover .phone-condition-box, .phone-con-link.active .phone-condition-box{ background-color: #e23636;}
.phone-con-link:hover .phone-condition-box ul li::before, .phone-con-link.active .phone-condition-box ul li::before{
  content: '';
  display: inline-block;
  width: 8px;
  height: 13px;
  border: solid #fff;
  margin-right: 10px;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); 
}
.whatyouphone-condition-sec .check-circle {
  text-align: center;
  color: #cfcfcf;
  opacity: 1;
  font-size: 20px;
}

.phone-con-link.active .phone-condition-box ul li, .phone-con-link:hover .phone-condition-box ul li{ color: #fff !important; border-color: #F5AAAB;}
/*.whatyouphone-condition-sec .check-circle.active {
  text-align: center;
  color: #e23636;
  opacity: 1;
  font-size: 20px;
}*/
.phone-con-link .check-circle{ padding-bottom: 15px;}
.phone-con-link:hover .check-circle, .phone-con-link.active .check-circle{  text-align: center;
  color: #e23636;
  opacity: 1;
  font-size: 20px; }
/*-- end --*/


/*-- do you want sell device section --*/
.summary-device-sec{
  padding: 60px 0;
  background-color: #f0f0f0;
}
.summary-device-sec h3 {
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  margin: 15px 0 10px 0;
}
.summary-device-lsit ul{
  margin: 0px;
  padding: 0px;
}
.summary-device-lsit ul li{
  width: 29%;
  list-style: none;
  float: left;
}
.summary-device-lsit ul li:nth-child(2){
  width: 17%;
  float: left;
}
.summary-device-lsit ul li:nth-child(3){
  width: 17%;
  float: left;
}
.summary-device-lsit ul li:nth-child(4){
  width: 17%;
  float: left;
}
.summary-device-lsit ul li:nth-child(5){
  width: 20%;
  float: left;
  text-align: right;
}
.device-inner-list ul{
  margin: 0px;
  padding: 0px;
}
.device-inner-list ul li{
  padding: 5px 0;
  display: block;
  width: 100%;
  border-bottom: solid 2px #fff;

}

.device-inner-list ul li h3{
  border-right: solid 1px #fff;
  font-size: 20px;
  font-weight: 300;
}
.device-inner-list ul li:nth-child(2) p{
  border-right: solid 1px #fff;
  font-size: 18px;
  font-weight: 300;
}
.device-inner-list ul li:nth-child(2){
  padding: 15px 0;
  display: block;
  width: 100%;
  border-bottom: solid 1px #fff;
}
.device-inner-list ul li .edit-link a{
  font-style: italic;
  text-decoration: underline;
}
.device-inner-list ul li .edit-link a:hover{
  font-style: italic;
  text-decoration: none;
  color: #404040;
}
span.edit-icon {
  position: relative;
  top: -5px;
}
.device-inner-list ul li:nth-child(2) .edit-text{
  margin-left: 50px;
}
.summary-device-lsit ul li:nth-child(1) .device-inner-list ul li h3{
  text-align: left;
}
.summary-device-lsit ul li .device-inner-list ul li h3{
  text-align: center;
}

.summary-device-lsit ul li:nth-child(1) .device-inner-list ul li p{
  text-align: left;
}
.summary-device-lsit ul li:nth-child(4) .device-inner-list ul li:nth-child(5){
  text-align: right;
}
.summary-device-lsit ul li .device-inner-list ul li p{
  text-align: center;
margin-bottom: 12px;
}

.summary-device-lsit ul li:nth-child(1) .device-inner-list ul li:nth-child(2) .edit-link{
  padding-left: 60px;
}
.summary-device-lsit ul li .device-inner-list ul li:nth-child(2) .edit-link{
  padding-left: 15px;
}
.summary-device-sec .btn span {
  margin-right: 6px;
  min-width: 180px;
}
.summary-device-sec .add-device{
  text-align: center;
  margin: 30px 0 0 0;
}
.summary-device-sec .btn {
  min-width: 222px;
}
.offer-price-total{
  text-align: center;
  padding: 40px 0 60px 0;
}
.offer-price {
  background-color: #404040;
  font-size: 30px;
  text-align: center;
  top: 22px;
  min-width: 458px;
  padding: 27px 0;
  font-weight: 500;
  margin-right: 25px;
  color: #fff;
  display: inline-block;
  position: relative;
}
.btn-shipping-detail {
  background-color: #e23636;
  border-color: transparent;
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;
  padding: 25px 40px;
}
.btn-shipping-detail:hover, .btn-shipping-detail:focus{
  background-color: #404040;
  border-color: transparent;
  color: #ffffff; text-decoration: none;
}
.offer-price span{
  background-color: #404040;
  font-size: 15px;
  margin-bottom: 6px;
  text-transform: uppercase;
  text-align: center;
  display: block;
  font-weight: 300;
  color: #fff;
}
.sfError{ display: block; text-align: center; font-size: 16px; padding: 12px 15px; color: #F30D11;}
/*-- end --*/
/*-- shipping information --*/
.shipping-information-sec{
  padding: 60px 0;
}
.shipping-information-sec h3 {
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  margin: 15px 0 10px 0;
}
.shipping-information-sec label {
  display: inline-block;
  max-width: 100%;
  margin-top: 14px;
  font-size: 18px;
  font-weight: 300;
}
.shipping-information-sec .form-control {
  display: block;
  width: 100%;
  height: 55px;
  padding: 6px 15px;
  background-color: #f0f0f0;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.shipping-information-sec textarea{
  height: 130px!important;
}
.shipping-information-sec .select-wrapper {
  position: relative;
  width: 100%;
}
.shipping-information-sec select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-style: italic;
}
.shipping-information-sec .select-wrapper:after {
  content: '\f107 ';
  font-family: 'FontAwesome';
  font-size: 30px;
  position: absolute;
  right: 20px;
  top: 16px;
  pointer-events: none;
}
.shiiping-payment-bt {
  text-align: center;
  margin: 20px 0 0 0;
}
.shiiping-payment-bt .btn{
  padding: 12px 55px!important;
  
}
/*-- end --*/

/*-- payment method section --*/
.payment-method-sec{
  padding: 60px 0 60px 0;
  border-top: solid 1px #f0f0f0;
}
.payment-method-box-box { 
  text-align: center;
  padding: 15px;
}
.payment-method-sec ul {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.payment-method-sec ul li {
  padding: 20px;
  list-style: none;
 display: inline-block;
}

.payment-method-sec ul li.active .payment-method-box img{
  -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
    opacity: 1;
}
.payment-method-sec ul li.active .check-circle{
  margin-top: 10px;
  opacity: 1;
}
.payment-method-sec ul li .check-circle{
  margin-top: 5px;
    opacity: 0;
}

.payment-method-sec ul li h4{
  font-size: 16px;
  font-weight: 300;
  margin-top: 15px;
  text-align: center;
}
.payment-method-sec ul li .payment-method-box img{
  -webkit-filter: grayscale(0%); 
  filter: grayscale(0%);
 display: inline-block;
  opacity: 0.5;
}


.payment-method-sec label {
  display: inline-block;
  max-width: 100%;
  margin-top: 14px;
  font-size: 18px;
  font-weight: 300;
}
.payment-method-sec .form-control {
  display: block;
  width: 100%;
  height: 55px;
  padding: 6px 15px;
  background-color: #f0f0f0;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.payment-method-sec .select-wrapper {
  position: relative;
  width: 100%;
}
.payment-method-sec select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-style: italic;
}
.payment-method-sec .select-wrapper:after {
  content: '\f107 ';
  font-family: 'FontAwesome';
  font-size: 30px;
  position: absolute;
  right: 20px;
  top: 16px;
  pointer-events: none;
}
.payment-method-sec form{
  margin-top: 10px;
}
.payment-method-bt {
  text-align: center;
  margin: 20px 0 0 0;
}
.payment-method-bt .btn{
  margin: 0 12px;
}
/*-- end --*/
/*-- payment summary section --*/
.pyment-summary-sec{
  background-color: #f0f0f0;
  padding: 60px 0;
}
.pyment-summary-sec h3 {
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  margin: 15px 0 10px 0;
}

.summary-info-box h3{
  border-bottom: solid 2px #fff;
  text-align: left;
  padding-bottom: 8px;
}
.summary-info-box ul{
margin: 0px;
padding: 0px 5px;
}
.summary-info-box ul li p{
  margin-bottom: 10px;
}
.summary-info-box ul li{
 display: inline-block;
 margin-left: -4px;
 width: 75%;
  }
  .summary-info-box ul li:nth-child(2){
    display: inline-block;
    width: 25%;
    text-align: right;
    vertical-align: top;
     }
     .summary-info-box ul li:nth-child(2) .edit-link a {
      font-style: italic;
      text-decoration: underline;
  }
  .summary-info-box ul li:nth-child(2) .edit-link a:hover {
    font-style: italic;
    color: #404040;
    text-decoration: none;
}
.summary-info-box.padr50{
  padding-right: 50px;
}
.summary-info-box.padl50{
  padding-left: 50px;
}
/*-- end --*/

/*-- cart summry section --*/
.cart-summary-sec{
  padding: 60px 0;
}
.cart-summary-sec .summary-info-box h3{
  border-bottom: solid 2px #f0f0f0;
  text-align: left;
  font-weight: 300;
  padding-bottom: 8px;
  margin-bottom: 20px;
 
}
.backto-btn{
background-color: #404040;
    border-color: none;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 15px 20px 14px 20px;
    margin-right: 20px;
}
  li.empty {
    /* padding: 18px 0!important; */
    height: 61px;
}
.checkoutnow-bt{
  background-color: #e23636;
  border-color: transparent;
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;
  padding: 19px 40px;
}
.checkoutnow-bt:hover, .checkoutnow-bt:hover{
  background-color: #404040;
  color: #fff;
}
/*-- end --*/

.gray-bg{
  background-color: #f0f0f0;
}
.blog-sec{
  padding: 60px 0 10px 0;
}
.blog-sec .title-center-heading h2{
  text-align: left;
}
.blog-sec .title-center-heading {
  text-align: left;
}
.psot-feature-img img{
  max-width: 100%;
  border-radius: 5px;
}
.psot-feature-img {
 margin-bottom: 25px;
 position: relative;
}
.post-sec{
  margin-bottom: 50px;
}
.blog-sec p{
  margin: 10px 0 10px 0;
}
.post-sec h3{
  font-weight: 500;
}

.post-sidebar{
  padding-left: 60px;
}

.archive-lsit ul{
  margin: 0px;
  padding: 0px;
}
.archive-lsit ul li:first-child{
  font-weight: 500;
}
.archive-lsit ul li{
  margin-bottom: 5px;
  display: block;
  list-style: none;
}

.popular-post-lsit ul{
  margin: 0px;
  padding: 0px;
}
.popular-post-lsit li{
  padding-bottom: 20px;
  position: relative;
  display: block;
  list-style: none;
  margin-bottom: 20px;
 

}
.popular-post-lsit li p{
  overflow: hidden;
  margin: 0px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.popular-post-lsit li:last-child::after{
  content: none;
}
hr {
  margin-top: 35px;
  margin-bottom: 25px;
  border: 0;
  border-top: 2px solid #f0f0f0;
}
.popular-post-lsit li::after{
  content: '';
  position: absolute;
  width: 50px;
  background-color: #f0f0f0;
  height: 2px;
  bottom: 0px;
  left: 0;
}

.blog-sec .thumbnail {
  display: block;
  padding: 0px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color:transparent;
  border: none;
  float: left;
  height: 72px;
  width: 72px;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}
.comment-post {
  padding-left: 90px;
}
.blog-sec .readmore  {
  font-weight: 500;
}
.blog-sec .readmore span{
margin-right: 15px;
}
.blog-sec h3{
  font-weight: 300;
  font-size: 20px;
  margin-bottom: 8px;
}
.blog-sec h3 a{ color:#e23636;}
/*-- comment section --*/
.comment-list ul{
  margin: 0px;
  padding: 0px;
}
.comment-list ul li ul{
  margin: 8px 0 0 0;
}
.comment-list ul li ul li{
  margin-left: 90px;
  border-top: solid 1px #f0f0f0;
  padding: 6px 0px;
}
.comment-list li{
  margin: 0px;
  border-top: solid 2px #f0f0f0;
  list-style: none;
  padding: 6px 0 0 0;
}

.addcomment-sec ul{
  margin: 0px;
  padding: 0px;
}
.addcomment-sec ul li{
list-style: none;
display: inline-flex;
margin-left: -4px;
}
.checkboxmar{
  margin-top: 30px;
}
.addcomment-sec ul li:nth-child(1){
width: 9%;
}
.addcomment-sec ul li:nth-child(2){
 width: 35%;
}
.addcomment-sec ul li:nth-child(3){
  width: 21%;
 }
 .addcomment-sec ul li:nth-child(4){
  width: 35%;
 }
 .addcomment-sec ul li:nth-child(3) label{
   padding-left: 28px;
 }
 .addcomment-sec ul li:nth-child(5) {
width: 13%;
margin-top: 20px
}
.addcomment-sec ul li:nth-child(6) {
  width: 87%;
  margin-top: 25px
  }
.addcomment-sec ul li label{
  display: inline-block;
    max-width: 100%;
    margin-top: 14px;
    font-size: 18px;
    font-weight: 300;
}
.addcomment-sec textarea{
  height: 120px!important;
}
.addcomment-sec ul li .form-control {
  display: block;
  width: 100%;
  height: 55px;
  padding: 6px 15px;
  background-color: #f0f0f0;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.addcomment-sec .checkbox-inline{
  margin-right: 10px;
}
.prevnextpsotbutton-sec{
  background-color: #f0f0f0;

}
.prevnextpsotbutton-sec ul{
  margin: 0px;
  padding: 0px;
}
.prevnextpsotbutton-sec{
  margin:28px 0 50px 0;
}
.prevnextpsotbutton-sec ul li{
list-style: none;
width: 33.33%;
display: inline-block;
margin-left: -3px;
}
.prevnextpsotbutton-sec .fa {
  font-size: 24px;
}
.prevnextpsotbutton-sec .fa {
  font-size: 24px;
  position: relative;
  top: 2px;
  margin-right: 8px;
}

.blogimg-overlay{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
position: absolute;
bottom: -2px;
width: 100%;
z-index: 5;
height: 50%;
}
.readfullinfo{
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
}
.mediumfont{
  font-weight: 500!important;
}

/*-- end --*/
.reachout-sec{
  border-top: solid 1px #f0f0f0;
  padding: 60px 0;
}
.reachout-sec h3 {
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  margin: 15px 0 10px 0;
}
.reachout-box{
  background-color: #f0f0f0;
    border-radius: 5px;
    padding: 20px;
   
    min-height: 230px;
}
.reachout-box h4 {
  color: #404040;
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 300;
}

.reachout-icon {
  text-align: center;
  margin: 30px 0 20px 0;
  min-height: 60px;
}

.faq-sec{
  padding: 60px 0;
}
.faq-sec .panel-group .panel-heading a{
  font-weight: bold;
  color: #404040;
  text-decoration: none;
}
.faq-sec .panel-group .panel-heading{
  padding-left: 30px;
  position: relative;
}
.faq-sec .panel-group .panel-heading span.pull-right {
  position: absolute;
  top: 12px;
  right: 0px;
}
.faq-sec .panel-group .panel-heading a:hover{
  font-weight: bold;
  color: #e23636;
  text-decoration: none;
}
.faq-sec .panel-heading{
  padding: 10px 0px 10px 0;
}

.faq-sec .panel-default>.panel-heading{
  background-color: #fff;
  border-bottom: solid 1px #f0f0f0;
  border-left: none;
  border-right: none;
}
.faq-sec .panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: 1px solid #ddd;
  background-color: #f0f0f0;
}
.faq-sec .panel-default>.panel-heading+.panel-collapse>.panel-body{
  background-color: #f0f0f0;
}
.faq-sec .panel-default{
  border:none;
}
.common-sec{
  padding: 60px 0;
  text-align: justify;

}
.common-sec h3{
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 25px;
  text-align: center;
}
.about-sec h3{
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 25px;
  text-align: center;
}
.about-sec{
  padding: 60px 0 0 0;
  text-align: justify;
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .container {
    width: 100%;
}
.addcomment-sec ul li:nth-child(1) {
  width: 12%;
}
.addcomment-sec ul li:nth-child(2) {
  width: 30%;
}
.addcomment-sec ul li:nth-child(3) {
  width: 28%;
}
.addcomment-sec ul li:nth-child(4) {
  width: 30%;
}
.addcomment-sec ul li:nth-child(5) {
  width: 18%;
  margin-top: 20px;
}
.addcomment-sec ul li:nth-child(6) {
  width: 82%;
  margin-top: 25px;
}
}
@media (min-width: 980px) and (max-width: 1024px) {
  .how-it-work-content {
    padding-top: 140px;
 
}
.reachout-box{
  margin-bottom: 30px;
}
.reachout-sec{
  padding: 60px 0 30px 0;
}
.addcomment-sec ul li:nth-child(1) {
  width: 12%;
}
.addcomment-sec ul li:nth-child(2) {
  width: 30%;
}
.addcomment-sec ul li:nth-child(3) {
  width: 28%;
}
.addcomment-sec ul li:nth-child(4) {
  width: 30%;
}
.addcomment-sec ul li:nth-child(5) {
  width: 18%;
  margin-top: 20px;
}
.addcomment-sec ul li:nth-child(6) {
  width: 82%;
  margin-top: 25px;
}
.post-sidebar {
  padding-left: 30px;
}
.padimg2 {
  padding-top: 52px;
}
.padimg3 {
  padding-top: 36px;
}
.arrow_bottom_hwt{
  left: 8%;
}
  #LoginRegistermodel .modal-dialog{
    width: 980px;
    }
    .more-devices-box {
      background-color: #f0f0f0;
      border-radius: 5px;
      padding: 30px 20px;
      min-height: 250px;
  }

.do-you-want-sell-sec .divice-select-heading ul li:nth-child(4) {
    width: 28%;
}
.do-you-want-sell-sec .divice-select-heading ul li:nth-child(1) {
  width: 40%;
  border-right: solid 1px #f0f0f0;
}
.do-you-want-sell-sec .divice-select-list ul li:nth-child(1) {
  width: 40%;
  border-right: solid 1px #f0f0f0;
}
.do-you-want-sell-sec .divice-select-list ul li:nth-child(4) {
  width: 28%;
  text-align: right;
}
.do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(1) {
  width: 40%;
  border-right: solid 1px #f0f0f0;
}
.do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(4) {
  width: 28%;
  text-align: right;
}
.order-w-box-b{
  padding: 30px 20px;
  min-height: 295px;
}
.order-w-box-g{
  padding: 30px 20px;
  min-height: 295px;
}
  .container {
    width: 100%;
}
.usp-box h2 {
  font-size: 28px;
  color: #fff;
  line-height: 28px;
}
.usp-box {
  min-height: 245px;
}
.arrow_right_r {
  width: 20%;
  z-index: 2;
  top: 50%;
  right: -10%;
  margin-top: -48px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.howwork-box{
  min-height: 432px
}
.footer-social ul {
  margin: 30px 0 0 0;
  padding: 0px;
  text-align: center;
}
.news-subscribe {
  display: inline-block;
  position: relative;
  width: 50%;
}
.sub-text {
  display: inline-block;
  font-size: 20px;
  font-weight: 300;
  width: 34%;
  margin-right: 10px;
  text-align: right;
}
footer .pad-75 {
  padding-left: 8px;
}
.pad-1-sec {
  padding-left: 52px;
}
.pad-l-c2 {
  padding-left: 55px;
}
.top-header-bar .contact-info ul li{
  padding: 6px 4px;
}
.top-header-bar .login-regiter ul li:nth-child(3){
  padding: 10px 10px;
}
.top-header-bar .login-regiter ul li{
  padding: 6px 4px;
}
.blog-img img{
  width: 100%;
}
.blog-img {
  /* height: auto; */
  margin-bottom: 35px;
}
.summary-device-lsit ul li:nth-child(1) .device-inner-list ul li:nth-child(2) .edit-link {
  padding-left: 5px;
}
.device-inner-list ul li:nth-child(2) .btn{
  padding: 12px 11px;
}
.summary-device-sec .btn {
  min-width: 184px;
}
}




@media (min-width: 768px) and (max-width: 979px) {
  .reachout-box{
    margin-bottom: 30px;
  }
  .reachout-sec{
    padding: 60px 0 30px 0;
  }
  .addcomment-sec ul li:nth-child(1) {
    width: 100%;
  }
  .addcomment-sec ul li:nth-child(2) {
    width: 100%;
  }
  .addcomment-sec ul li:nth-child(3) {
    width: 100%;
  }
  .addcomment-sec ul li:nth-child(4) {
    width: 100%;
  }
  .addcomment-sec ul li:nth-child(5) {
    width: 100%;
    margin-top: 20px;
  }
  .addcomment-sec ul li:nth-child(6) {
    width: 100%;
    margin-top: 25px;
  }
  .addcomment-sec ul li:nth-child(3) label {
    padding-left: 0px;
}
.addcomment-sec ul li:nth-child(6) {
  width: 100%;
  margin-top: 0px;
}
.theme-btn-black{
  padding: 12px 8px;
}
.blog-sec .thumbnail{
  height: 45px;
  width: 45px;
}
  .post-sidebar {
    padding-left: 0px;
}
  .how-it-work-content {
    padding-top: 0px;
    padding-right: 140px;
    padding-bottom: 60px;
}
.step-circle-1{
  margin-top: -27px;
}
.arrow_bottom_hwt {
  bottom: -50px;
  left: 50%;
  margin-left: -43px;
}
  .more-devices-box{
    margin-bottom: 30px;
  }
  .more-devices-sec {
    padding: 60px 0 30px 0;
}
.do-you-want-sell-sec .divice-select-list ul li:nth-child(1) {
  width: 36%;
  border-right: solid 1px #f0f0f0;
}
.do-you-want-sell-sec .divice-select-list ul li:nth-child(4) {
  width: 32%;
  text-align: right;
}
.do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(1) {
  width: 36%;
  border-right: solid 1px #f0f0f0;
}
.do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(4) {
  width: 32%;

}
.do-you-want-sell-sec .divice-select-heading ul li:nth-child(1) {
  width: 36%;
  border-right: solid 1px #f0f0f0;
}
  .order-w-box-b{
    padding:25px 12px 15px 12px;
    min-height: 300px;
  }
  .order-sucess-icon img{
    max-width: 100%;
  }
  .order-sucess-icon{
    width: 80px;
    margin: 0 auto;
  }
  .order-w-box-g{
    padding:25px 12px 15px 12px;
    min-height: 300px;
  }
  #LoginRegistermodel .modal-dialog{
    width: 650px;
    }
    .guest-login-sec {
      padding-right: 15px;
      padding-bottom: 35px;
  }
  .login-sec {
    padding-left: 15px;
    padding-bottom: 25px;
}
.login-sec::before {
  position: absolute;
  content: '';
  height: 1px;
  left: 0px;
  top: -20px;
  width: 100%;
  background-color: #f0f0f0;
}
  .container {
    width: 100%;
}
.custome-nav .navbar-brand {
  float: left;
  padding: 24px 0px 0px 5px;
  width: 230px;
}
.custome-nav .navbar-nav > li > a{
  padding: 36px 5px 44px 5px;
}
.icon-usp {
  display: block;
  width: 24%;
  margin: 0 auto;
  height: 62px;
  line-height: 62px;
}
.usp-box h2{
  font-size: 24px;
  line-height: 28px;
}
.usp-box {
  
  min-height: 348px;
}
.title-usp {
  display: block;
  width: 100%;
  text-align: center;
  top: 0px;
  position: relative;
  margin: 13px 0;
}
.arrow_right_r {
  width: 20%;
  z-index: 2;
  top: 50%;
  right: -10%;
  margin-top: -48px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.howwork-box {
  padding: 20px 15px;
}
.brand_sec ul li{
  padding: 5px;
}
.contact-info-footer .contact-info-list ul li:nth-child(3){
  position: relative;
  top: 15px;
}
.footer-social ul {
  margin: 30px 0 0 0;
  padding: 0px;
  text-align: center;
}
footer .pad-75 {
  padding-left: 0px;
}
.pad-1-sec {
  padding-left: 0px;
}
.pad-l-c2 {
  padding-left: 15px;
}
header.sticky .navbar-nav > li > a {
  padding: 18px 5px 40px 5px;
  color: #666666;
}
.about-info {
  padding: 50px 0;
  position: relative;
  left: 0px;
}
.about-info .title-center-heading h2 {
  text-align: center;
}
.about-info .title-center-heading {
  display: block;
}
.about-info p {
  padding-left: 0px;
  text-align: justify;
}
header.sticky .custome-nav .navbar-brand {
  padding: 10px 0px 0px 5px;
}
.icon-howwork {
  text-align: center;
  min-height: 185px;
  margin-bottom: 25px;
  width: 165px;
  margin: 0 auto;
}

.network-device-sec ul li {
  width: 33.33%;
  display: inline-block;
  padding: 20px;
  list-style: none;
  margin-left: -4px;
  text-align: center;
}
.phone-condition-box{
  margin-top: 15px;
}
.summary-device-lsit ul li{
  width: 100%;
}
.summary-device-lsit ul li:nth-child(2){
  width: 100%;
}
.summary-device-lsit ul li:nth-child(3){
  width: 100%;
}
.summary-device-lsit ul li:nth-child(4){
  width: 100%;
}
.summary-device-lsit ul li:nth-child(5){
  width: 100%;
}
li.empty{
  display: none!important;
}
.summary-device-lsit ul li .device-inner-list ul li h3 {
  text-align: left;
}
.summary-device-lsit ul li .device-inner-list ul li p{
  text-align: left;
}
.summary-device-lsit ul li:nth-child(5){
  text-align: center;
}
.offer-price {

  top: 0px;
  min-width: 453px;
  margin: 20px 0 30px 0;
  padding: 27px 0;
  font-weight: 500;
  margin-right: 0px;
  color: #fff;
  display: inline-block;
  position: relative;
}
.summary-info-box.padr50 {
  padding-right: 0px;
}
.summary-info-box.padl50 {
  padding-left: 0px;
}
.offer-price{
  min-width: 394px;
}
.device-inner-list ul li:nth-child(2) p{
  border-right: none;
}
.device-inner-list ul li h3{
  border-right: none;
}
}
@media (max-width: 767px) {
  .addcomment-sec ul li:nth-child(1) {
    width: 100%;
  }
  .addcomment-sec ul li:nth-child(2) {
    width: 100%;
  }
  .addcomment-sec ul li:nth-child(3) {
    width: 100%;
  }
  .addcomment-sec ul li:nth-child(4) {
    width: 100%;
  }
  .addcomment-sec ul li:nth-child(5) {
    width: 100%;
    margin-top: 20px;
  }
  .addcomment-sec ul li:nth-child(6) {
    width: 100%;
    margin-top: 25px;
  }
  .addcomment-sec ul li:nth-child(3) label {
    padding-left: 0px;
}
.addcomment-sec ul li:nth-child(6) {
  width: 100%;
  margin-top: 0px;
}
.theme-btn-black{
  padding: 12px 8px;
}
.blog-sec .thumbnail{
  height: 45px;
  width: 45px;
}
.comment-post {
  padding-left: 55px;
}
.comment-list ul li ul li {
  margin-left: 55px;
  border-top: solid 1px #f0f0f0;
  padding: 6px 0px;
}
.prevnextpsotbutton-sec ul li {
  list-style: none;
  width: 100%;
  display: block;
  margin-left: 0px;
}
.prevnextpsotbutton-sec ul li .text-left{
  text-align: center;
  margin-bottom: 15px;
}
.prevnextpsotbutton-sec ul li .text-right{
  text-align: center;
  margin-top: 15px;
}
.prevnextpsotbutton-sec .theme-btn-black{
  width: 100%;
}
.checkboxmar.text-right {
  text-align: left;
}
.checkboxmar.text-right .btn {
  margin-top: 15px;
  width: 100%;
}
  .red-dotborder{
    display: none;
  }
  .step-circle-1{
    display: none;
  }
  .how-it-work-content {
   padding-top: 0px; 
   padding-right: 0px; 
}
.how-it-work-box-w{
  margin: 30px 0;
  min-height: auto;
}
.btn-sale-dvice {
  background-color: #e23636;
  border-color: none;
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  padding: 10px 20px;
  
}
.how-it-work-section .graybg-sec{
  padding: 30px 0;
}
.how-it-work-section .whitebg-sec{
  padding: 30px 0; 
}
.how-it-work-box-g{
  margin: 30px 0;
}
.how-it-work-box-icon {
  text-align: center;
  width: 140px;
  margin: 0 auto;
}
.padimg3, .padimg2, .padimg1 {
  padding-top: 0px;
}
.arrow_bottom_hwt {
 
  width: 50px;
  height: 50px;
  z-index: 2;
  bottom: -22px;
  left: 50%;
  margin-left: -25px;
  background-size: 100%;
}
  .more-devices-box{
    margin-bottom: 30px;
  }
  .more-devices-sec {
    padding: 60px 0 30px 0;
}
.do-you-want-sell-sec .btn-requestquote {
  background-color: #e23636;
  border-color: none;
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  padding: 10px 20px;
}
.do-you-want-sell-sec .request-quote .btn span img{
  width: 55px;
}

.do-you-want-sell-sec .divice-select-heading ul li:nth-child(3) {
  width: 25%;
  border-right: solid 1px #f0f0f0;
  text-align: center;
}
.do-you-want-sell-sec .divice-select-heading ul li:nth-child(2) {
  width: 32%;
  border-right: solid 1px #f0f0f0;
  text-align: center;
}
.do-you-want-sell-sec .divice-select-heading ul li:nth-child(1) {
  width: 40%;
  border-right: solid 1px #f0f0f0;
}
.do-you-want-sell-sec .divice-select-heading ul li:nth-child(4) {
  width: 11%;
  display: none;
}
.do-you-want-sell-sec .divice-select-list ul li:nth-child(1) {
  width: 40%;
  border-right: solid 1px #f0f0f0;
}
.do-you-want-sell-sec .divice-select-list ul li:nth-child(2) {
  width: 22%;
  border-right: solid 1px #f0f0f0;
  text-align: center;
}
.do-you-want-sell-sec .divice-select-list ul li:nth-child(3) {
  width: 24%;
  border-right: solid 1px #f0f0f0;
  text-align: center;
}
.do-you-want-sell-sec .divice-select-list ul li:nth-child(4) {
  width: 100%;
  text-align: center;
}
.do-you-want-sell-sec .divice-select-heading ul li{
  font-size: 16px;
}
.do-you-want-sell-sec .divice-select-list ul li{
  font-size: 15px;
}
.do-you-want-sell-sec .divice-select-list ul li:nth-child(2) {
  width: 22%;
  border-right: solid 1px #f0f0f0;
  text-align: center;
  vertical-align: top;
}
.do-you-want-sell-sec .divice-select-list ul li:nth-child(3) {
  width: 24%;
  border-right: solid 1px #f0f0f0;
  text-align: center;
  vertical-align: top;
}
.do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(1) {
  width: 40%;
  border-right: solid 1px #f0f0f0;
}
.do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(2) {
  width: 24%;
  border-right: solid 1px #f0f0f0;
  text-align: center;
}
.do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(3) {
  width: 24%;
  border-right: solid 1px #f0f0f0;
  text-align: right;
}
.do-you-want-sell-sec .divice-select-list-edit ul li:nth-child(4) {
  width: 100%;
  text-align: center;
}
.do-you-want-sell-sec .select-wrapper .form-control{
  font-size: 15px;
}
.do-you-want-sell-sec .select-wrapper:after{
  font-size: 20px;
}
.do-you-want-sell-sec .select-wrapper.sec-1 {
 
}
.do-you-want-sell-sec h3{
  font-size: 18px;
}
.do-you-want-sell-sec .select-wrapper.sec-2 {

}
.do-you-want-sell-sec .select-wrapper.sec-3 {
 
}
  .order-sucess-icon img{
    max-width: 100%;
  }
  .order-sucess-icon{
    width: 60px;
    margin: 0 auto;
  }
  .order-confirm-sec h1{
    font-size: 30px;
  }
  .order-w-box-g{
    margin-top: 30px;
  }
  #LoginRegistermodel .modal-dialog {
    width: 96%;
    margin: 10px auto;
}

.logo-model {
  text-align: center;
  padding: 15px 15px 10px 15px;
}
    .logo-model img{
      max-width: 100%;
    }
    #LoginRegistermodel .modal-content {
      border-radius: 0px;
      font-size: 16px;
      padding: 0px;
  }
    .guest-login-sec {
      padding-right: 15px;
      padding-left: 15px;
      padding-bottom: 35px;
  }
  .login-sec {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
}
.login-sec::before {
  position: absolute;
  content: '';
  height: 1px;
  left: 0px;
  top: -22px;
  width: 100%;
  background-color: #f0f0f0;
}
#LoginRegistermodel label {
  display: inline-block;
  max-width: 100%;
  margin-top: 0px;
  font-weight: 300;
}
.not-register {
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
}
.forgot-password {
  font-size: 14px;
  padding-bottom: 14px;
  font-style: italic;
}
.login-sec {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0px;
}
  .subscribe-sec .news-subscribe input{
    padding: 15px;
  }
  .banner_sec h1{
    font-size: 26px;
  }
  .banner_sec{
    padding: 40px 0;
  }
  .icon-howwork {
    text-align: center;
    min-height: 165px;
    margin-bottom: 25px;
    max-width: 140px;
    margin: 0px auto;
}
.howwork-box {
  padding: 20px 15px;
  margin: 15px 0;
}
.brand_sec ul li {
  width: 49%;
  padding: 20px;
  list-style: none;
  float: none;
  display: inline-block;
}
.brand_sec ul {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.recently-product_sec ul li {
  width: 100%;
  list-style: none;
  padding: 10px;
  float: none;
}
.carousel-control{
  top:-70px;
}
#testmonial-carousel .carousel-control, #testmonial-carousel-center-img .carousel-control{
  width: 35px;
  height: 35px;
  line-height: 35px;
}
#testmonial-carousel .carousel-inner {
  margin: 0 auto;
  min-height: 260px;
  width: 100%;
}
.blog-img {
  height: auto;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.contact-info-footer h2 {
  font-size: 26px;
  font-weight: 300;
  line-height: 35px;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
}
.contact-info-footer .contact-info-list ul li {
  display: block;
  margin: 8px 0;
  width: 100%;
}
.contact-info-footer .call-us{
  font-size: 32px;
}
  .search-sec form {
    position: relative;
    text-align: center;
}
.btn-search{
  position: relative;
  margin-bottom: 15px;
}
  .container {
    width: 100%;
}
.custome-nav .navbar-brand {
  float: left;
  padding: 0px 0px 0px 15px;
  width: 181px;
}
.custome-nav .navbar-nav > li > a{
  padding: 36px 5px 44px 5px;
}
.navbar-toggle{
  margin-right: 0px;
}
.custome-nav .navbar-nav {
  float: none;
  margin: 0;
}
.custome-nav .navbar-nav > li > a {
  padding: 8px 5px 8px 5px;
  border-top: solid 1px #ddd;
}
header.sticky .navbar-nav > li > a {
  padding: 8px 5px 8px 5px;
  border-top: solid 1px #ddd;
  text-align: center;
}
.custome-nav .nav >li.active::after {
  content:none;
  position: absolute;
  bottom: 30px;
  left: 50%;
  height: 6px;
  border-radius: 50%;
  width: 6px;
  background-color: #e23636;
}
.icon-usp {
  display: block;
  width: 24%;
  margin: 0 auto;
  height: auto;
  line-height: 62px;
}
.usp-box h2{
  font-size: 24px;
  line-height: 28px;
}
.usp_sec {
  padding: 40px 0 10px 0;
}
.usp-box {
  margin-bottom: 30px;
  min-height:auto;
}
.title-usp {
  display: block;
  width: 100%;
  text-align: center;
  top: 0px;
  position: relative;
  margin: 13px 0;
}
.arrow_right_r {

  display: none;

}
.blog-section .padl0 {
  padding-left: 15px;
}
.blog-img img{width: 100%; margin: 15px 0;}
.howwork-box {
  padding: 20px 15px;
}
p.date{
  margin-bottom: 10px;
}
.blog-section p+p{
  margin: 0px;
}
.brand_sec ul li{
  padding: 5px;
}
.contact-info-footer .contact-info-list ul li:nth-child(3){
  position: relative;
  top: 0px;
}
.sub-text {
  display: block;
  font-size: 20px;
  font-weight: 300;
  width: 100%;
  margin-bottom: 8px;
}
.news-subscribe{
  display: block;
  width: 100%;
}
.footer-social li:first-child{
  display: block;
  width: 100%;
}
.footer-social li p {
  font-size: 20px;
  font-weight: 300;
  text-align: left;
}
.footer-social li {
  display: inline-block;
  margin: 0 6px 0 0;
  width: 14%;
}
.footer-social ul{
  text-align: left;
}
.footer-social li img{
  max-width: 100%;
}

footer .pad-75 {
  padding-left: 0px;
}
.pad-1-sec {
  padding-left: 0px;
}
.pad-l-c2 {
  padding-left: 15px;
}

.about-info {
  padding: 50px 0;
  position: relative;
  left: 0px;
}
.about-info .title-center-heading h2 {
  text-align: center;
}
.about-info .title-center-heading {
  display: block;
}
.about-info p {
  padding-left: 0px;
  text-align: justify;
}
.about-img img{
  max-width: 100%;
  height: auto;
}
.top-header-bar .login-regiter ul li:nth-child(3) {
  background-color: #e23636;
    display: block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 2px 5px;
    top: 42px;
    position: absolute;
    right:10px;
    z-index: 22;
    

}
.top-header-bar .login-regiter ul li:nth-child(1) {
  display: inline-block;
  padding: 6px 3px;
  font-size: 15px;
  top: 0px;
  position: relative;
}
.top-header-bar .login-regiter ul li:nth-child(2){
  top: 0px;
}
.top-header-bar .login-regiter {
  float: none;
  width: 100%;
}
.navbar-toggle .icon-bar{
  background-color: #e23636;
}
.top-header-bar .login-regiter ul li .item-c {
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-left: 0px;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
  color: #e23636;
  font-weight: 500;
  border-radius: 50%;
  background-color: #fff;
}
.top-header-bar .login-regiter ul li:nth-child(3) img{
  width: 20px;
}
header.sticky .navbar-toggle {
  margin-right: 0px;
  margin-top: -2px;
}
header.sticky .custome-nav .navbar-brand {
  padding: 0px 0px 0px 15px;
}
.search-sec input{
  padding: 15px;
}


.network-device-sec ul li {
  width: 100%;
  display: inline-block;
  padding: 10px;
  list-style: none;
  margin-left: -4px;
  text-align: center;
}
.device-storage-sec ul li {
  padding: 10px;
  list-style: none;
  display: inline-block;
}
.phone-condition-box{
  margin-top: 15px;
}
.summary-device-lsit ul li{
  width: 100%;
}
.summary-device-lsit ul li:nth-child(2){
  width: 100%;
}
.summary-device-lsit ul li:nth-child(3){
  width: 100%;
}
.summary-device-lsit ul li:nth-child(4){
  width: 100%;
}
.summary-device-lsit ul li:nth-child(5){
  width: 100%;
}
li.empty{
  display: none!important;
}
.summary-device-lsit ul li .device-inner-list ul li h3 {
  text-align: left;
}
.summary-device-lsit ul li .device-inner-list ul li p{
  text-align: left;
}
.summary-device-lsit ul li:nth-child(5){
  text-align: center;
}
.offer-price {

  top: 0px;
  min-width: 100%;
  margin: 20px 0 30px 0;
  padding: 27px 0;
  font-weight: 500;
  margin-right: 0px;
  color: #fff;
  display: inline-block;
  position: relative;
}
.btn-shipping-detail{
  width: 100%;
  padding: 20px 12px;

}
.btn-shipping-detail span{
  display: block;
}
.summary-device-lsit ul li:nth-child(1) .device-inner-list ul li:nth-child(2) .edit-link {
  padding-left: 6px;
}
.search-sec-shipping .btn-search {
  position: relative;
  margin-bottom: 15px;
}
.search-sec-shipping form {
  position: relative;
  text-align: center;
}
.step-progress ul li .circle-border {
  height: 40px;
  text-align: center;
  padding: 5px;
  background-color: #f0f0f0;
  width: 40px;
  line-height: normal;
  position: absolute;
  top: -14px;
  z-index: 5;
  border-radius: 50%;
  border: solid 5px #fff;
}
.step-progress ul::before{
  width: 95%;
  top: 4px;
}
.progress {
  width: 87.54%;
  position: absolute;
  left: 33px;
  height: 6px;
  top: 4px;
  z-index: 6;
  box-shadow: none;
}
.step-progress ul li h3 {
  font-size: 13px;
  text-align: center;
  font-weight: 300;
  color: #fff;
  position: absolute;
  left: -2%;
  top: 40px;
  max-width: 102px;
  line-height: 15px;
}
.step-progress ul li:nth-child(3) h3{
  left: inherit;
  right: 0px;
}

.step-progress-inner {
  padding: 0px;
  width: 100%;
  margin: 43px auto;
  position: relative;
  min-height: 100px;
}
.step-progress ul::after {
  height: 14px;
  top: 0px;
  width: 92%;
  left: 0px;
  z-index: 0;
  margin: 0 4%;
}
.step-progress ul li:nth-child(2) .circle-border{
  margin-left: -20px;
}
.step-progress ul li:nth-child(2) .circle-border {
  line-height: normal;
}
.step-progress ul li:nth-child(3) .circle-border {
  line-height: 15px;
}
.step-progress ul li .circle-border .icon img{
max-width: 100%;
}
.payment-method-bt .btn {
  margin: 0 12px 20px;
}
.summary-info-box.padr50 {
  padding-right: 0px;
}
.summary-info-box.padl50 {
  padding-left: 0px;
}
.summary-info-box h3{
  font-size: 18px;
}
.checkoutnow-bt {
  width: 100%;
  padding: 20px 12px;
}

.device-inner-list ul li:nth-child(2) p{
  border-right: none;
}
.device-inner-list ul li h3{
  border-right: none;
}
.post-sidebar {
  padding-left: 0px;
}
.reachout-box{
  margin-bottom: 30px;
}
.reachout-sec{
  padding: 60px 0 30px 0;
}
}
@media (min-width: 320px) and (max-width: 480px) {
  .progress{
    width: 76.44%;
  }
  .backto-btn {
     margin: 0 0px 20px 0; 
}

}



.sf_search_box{ display:block; position: relative; }
.sf_search_box .droplist{ position: absolute; display: none; padding: 0px; margin: 0px; top: 60px; left: 0px; width: 100%; background-color: #efefef; z-index: 99; }
.sf_search_box .droplist.active{ display: block;}
.sf_search_box .droplist li{ padding: 0px; margin: 0px;  display:block; }
.sf_search_box .droplist li:hover{ background-color: #D8D7D7;}
.sf_search_box .droplist li a{ display: block; padding: 6px 12px; font-size: 13px; line-height: 14px; text-align: left;}


.divice-select-list table{width: 100%;}
.divice-select-list table thead{font-size: 20px; font-weight: 600;}
.divice-select-list table tr{ width: 225px; text-align: right;}
.divice-select-list table tr td .sec-1{ display: inline-block; width: auto; }
.divice-select-list table tr td{ text-align: left;}
.divice-select-list table tr td:last-child{ width: 225px;}
.divice-select-list table tr td.cnd{ width: 160px; } 
.divice-select-list table tr td .sec-2, .divice-select-list table tr td .sec-3{ display: block;}
.divice-select-list table tbody tr td{ padding-top: 5px; padding-bottom: 5px;}

.dis-none{ display:none; }




.row-eq-height {display: flex !important; flex-wrap: wrap;}
.row-eq-height [class*="col-"]{display: flex !important;}
.row-eq-height [class*="col-"] .box{ flex: 1 !important;}
.row-eq-height .phone-condition-box {height:calc(100% - 35px);}







/*Step form*/
.cart-wpr{
    padding: 30px 0;
}
.cart-wpr .address-wrp-box{
        padding: 10px;
}
.wizard {
    margin: 0 auto;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 00px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
  height: 20px;
    background: #f0f0f0;
    position: absolute;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 41%;
    z-index: 1;
}
.connecting-line span{ height: 16px; margin-top: 2px; background-color: #ec1c27; width: 0%;}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
	z-index: 110;
	
}
.wizard .nav-tabs > li.active > a{ cursor: pointer;}
span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#ec1c27;
}
.wizard li.active span.round-tab {
    background: #ec1c27;
    border: 3px solid #e8e8e8;
}
.wizard li.active span.round-tab i{
    color: #ffffff;
}

span.round-tab:hover {
        color: #ec1c27;
    border: 2px solid #ec1c27;
}
.wizard-inner .nav-tabs{
    border-bottom: 0;
}
.wizard .nav-tabs > li {
    width: 23%;
}
.wizard .nav-tabs > li:last-child {
    width: 8%;
}
.wizard .nav-tabs > li h5 {
    padding-left: 88px;
    position: absolute;
    top: 31px;
    z-index: 99;
    color: #fff;
    font-weight: 600;
    font-size: 10px;    padding-top: 5px;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 10px;
    border-radius: 100%;
    padding: 0;
    color: #fff;
}

.wizard .nav-tabs > li a:hover {
    background: transparent;
}   



.wizard h3 {
    margin-top: 0;
}
.tab_content ul > li{ position:relative;font-size: 16px; padding-left:25px}
.tab_content ul > li:before{position:absolute; left:0; top:0; content:"\f058"; color:#ec1c27; font-family: FontAwesome; }
@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
	.pro-frame.products a.proLinks {
    width: 44%;
    }
    .mobile_area .brand_inner .brand_inner_thumb img{ max-width:fit-content}

}


/*Rinkesh*/
@media (max-width: 1200px){
.contact-info strong{display: none !important;}
	.custome-nav .navbar-nav > li > a{ font-size: 14px; padding: 14px 11px 44px 11px; }
	.topsearch-sec select{ font-size: 13px !important;  
    padding: 6px 50px 6px 5px !important;
	}
	.topsearch-sec { margin-top: 10px !important; }
	.connecting-line span{ height: 20px; margin: 0px; padding-top: 3px;}
	.wizard .nav-tabs > li h5 { 
		margin: 5px 2px;}
	.wizard .nav-tabs > li h5 { top: 26px;}
	.top-header-bar .login-regiter ul li{ font-size: 14px;}
}


@media(max-width: 1170px) and (min-width:768px)  {
    .network_area .brand_inner_thumb img {
        max-width:80px !important;
    }     

    .network_area .brand_inner_thumb{
        padding: 6px 6px;
        padding-bottom: 6px;
        }

    .mobile_area .brand_inner .brand_inner_thumb{
        width: 100px;
        height: 200px;
        padding-top: 10px;
        margin-bottom: 4px;
    }

    .mobile_area .brand_inner .brand_inner_thumb{
        width: 135px !important;
        }
}

@media(max-width: 767px) and (min-width: 600px){
    .mobile_area .brand_inner .brand_inner_thumb{
        width: 160px !important;
        }
    }


/* Rinkesh 13-09-2018  */


@media (min-width: 768px) and (max-width: 1024px){

    .wizard .nav-tabs > li h5{
        top: 22px;
        }

    .wizard-inner .connecting-line{
        height:35px;
        top: 30px;
        }

    .storage_area .condition_tab li label.active, 
    .storage_area .condition_tab li label,
    .storage_area .storage_inner a.active label, 
    .storage_area .storage_inner a label{
        width: 125px;
        height: 75px;
        }   

    #iphone-8-plus-64gb-att .tab_area .nav-tabs li,
    #iphone-8-plus-256gb-att .tab_area .nav-tabs li{
        float: left;
        }

    .mobile_area .brand_inner .brand_inner_thumb{
        width: 100px !important; 
        }


    }


@media (max-width: 520px){

    .connecting-line{
        width: 75%;
        top: 30%;
        height: 30px;
        }

    .wizard .nav-tabs > li {
        width: 20%;
        }

    .mobile_area .brand_inner .brand_inner_thumb{
        width: 100px;
        }
	
	.connecting-line {
    width: 79%;
    top: 30%;
    height: 30px;
}

	.wizard .nav-tabs > li a{ margin-left: 15px;}
	.wizard {
		width: 100%;}


}




@media (max-width: 768px){
.row-eq-height .col-sm-6.col-md-3{
	width: 50% !important; margin-bottom: 35px;
}
	.offer-price-total { 
    padding: 40px 25px 60px 25px !important;
}
}
@media (max-width: 600px){
	.wizard .nav-tabs > li a{width: 30px;
    height: 30px;
    line-height: 30px;}	
span.round-tab {
    width: 30px;
    height: 30px;
    line-height: 26px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 15px;
}	
.connecting-line {
	height: 11px;
	}	
.checkoutnow-bt{ font-size: 18px;}
	.checkoutnow-bt img{ max-width: 53px;}
	.offer-price{ font-size: 24px; margin: 10px 0 15px 0; padding: 15px 0;}	
	#addcartview{ padding-top: 0px !important;}
	.connecting-line span {height: 11px;}	
	
	.row-eq-height{ display: block !important;}
.row-eq-height .col-sm-6.col-md-3{
	width: 100% !important;
	display: block !important;
	flex: none; margin-bottom: 35px;
}
	
}

@media (max-width: 380px){

    .connecting-line{
        width: 85%;
        top: 48%;
        height: 6px;
    }

    .wizard .nav-tabs > li {
        width: 20%;
    } 

}
.vc_col-sm-6{ width:50%; }



.wp-pagenavi {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    float:right;
}
.wp-pagenavi > span, .wp-pagenavi > a{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #636363;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.wp-pagenavi > span.current{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background-color: #e23636;
    border: 1px solid #e23636;
}
.saboxplugin-wrap{ display: block; padding: 15px; border: 1px solid #ccc; }
			.saboxplugin-gravatar{ display: block; padding: 3px; border: 1px solid #ccc; max-width: 150px; margin-right: 15px; float: left; }
			.saboxplugin-gravatar img{ width: 100%;}
			.saboxplugin-socials { display: block; list-style-type: none; padding: 0px; margin: 0px;}
			.saboxplugin-icon-grey{ display: block; float: left; padding: 10px;  }
			.saboxplugin-icon-grey svg{ max-width: 28px;}
.saboxplugin-wrap{ position: relative;}
			.saboxplugin-wrap .saboxplugin-socials{ position: absolute; bottom: 0px; right: 0px;}

.swift-page-nav{ background-color: #ec1c27;  padding: 10px 12px; font-size: 13px; line-height: 18px; }
.swift-page-nav a{ color: #fff; display: inline;}
.swift-page-nav span{ color: #fff; display: inline;}

.heading-line{ margin: 4px auto;}
.aligncenter{ max-width: 100% !important;
height: auto !important;}




.inner-baner-sec .title-center-heading h1{ color: #fff; font-weight: 300; margin-bottom: 0px; font-size: 28px; }
.title-center-heading h4{ font-weight: normal; margin-top: 15px;}


.errormsg{ border: 1px solid #cb4335; color: #fff; background-color: #e74c3c ; padding: 10px; margin-bottom: 15px; border-radius: 4px;display: block;}
.errormsg span{ display: block;}

.successmsg{ text-align: center;  padding: 10px; margin-bottom: 15px;  border: 1px solid #1d8348;  background-color: #27ae60; color: #fff; border-radius: 4px;display: block;}


.sticky .topsearch-sec{ margin-top: 8px;}

.top-header-bar .contact-info ul li a{ font-size: 14px;}


.display-rating{ display: block; text-align: center;  padding-top: 15px;}
.sopap-box{ display: block; max-width: 300px; background-color: #09253a; height: 66px; border-radius: 4px; overflow: hidden; margin: auto; }
.sopap-box:after{ content: ""; display: table; clear: both;}
.sopap-box .ss-block{ display: block; flex: 1; text-align: center; vertical-align: middle; width: 50%; float: left;}
.sopap-box .ss-block img{ width: 100%;}
.sopap-box .ss-block ul{ display: block; padding: 0px; margin: 0px; list-style-type: none;}
.sopap-box .ss-block ul li{ display: inline-block; padding: 0px 2px; margin: 0px;} 
.sopap-box .ss-block ul li i{ color:#f8851f; font-size: 14px;}
.customer-ratings #testmonial-carousel .sopap-box .ss-block p{ font-size: 12px; text-align:center; margin: 2px !important; color:#fff; line-height: 14px; }
.sopap-box .ss-block .ss-center{ margin: auto;     padding-top: 10px;}


.phone-grid-view{ display:block; text-align: center;  box-sizing: border-box;}
.phone-grid-view .item{ width: 19%; display: inline-block; box-sizing: border-box;}


.product-sale-sec.product-sale-sec-gray{background-color: #f1f1f1;}
	.phone-grid-view .item{ width: 19%; display:  inline-block;  padding: 10px 15px;}
	.product-sale-sec .item h4{ margin-top:0px; margin-bottom: 0px; min-height: 40px; }
	
	
	.phone-grid-view .item a{ padding: 30px 15px 15px; display: block; border: 1px solid #ccc; background-color: #fff; border-radius: 5px; -webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out }
	.product-sale-sec .item a .check-circle{ opacity: .6; color: #636363; padding-top: 3px; padding-bottom: 3px;}

    .recent-p-box{ padding: 0px;}
	.recent-p-box img{ max-height: 230px; min-height: 230px;}
	
	.product-sale-sec .item img {-webkit-filter: grayscale(0%); filter: grayscale(0%);  opacity: 1; }
.product-sale-sec .item:hover a{ -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);-moz-box-shadow: 0 0 15px rgba(0,0,0,.5);box-shadow: 0 0 15px rgba(0,0,0,.5);}
	.product-sale-sec .item:hover a .check-circle{ color: #e23636;}
	.product-sale-sec .item:hover a img {-webkit-filter: grayscale(0%); filter: grayscale(0%);  opacity: 1; }

@media (max-width:768px) {
	.wizard .nav-tabs > li a { width: 50px; height: 50px;}
	span.round-tab {
    width: 50px;
    height: 50px;
		line-height: 50px; font-size: 20px;}
	.wizard-inner .connecting-line, .connecting-line span  { height: 17px;}
	.wizard .nav-tabs > li > h5 {margin: 2px 2px !important; padding-left: 63px; font-size: 10px;}
	.wizard .nav-tabs > li h5 a{margin: 5px 5px;}
	.phone-grid-view .item{ width: 25%; display:  block;  padding: 10px;}
	.product-sale-sec .item h4 {font-size: 14px; }
	.recent-p-box img{ max-height: 145px; min-height: 145px;}

}

@media (max-width:600px) {
	.phone-grid-view .item{ width: 33.33333333%; display:  block;  padding: 10px;}
	.recent-p-box img{ max-height: 155px; min-height: 155px;}
}

@media (max-width:480px) { .phone-grid-view .item{ width: 50%; float:left;  padding: 10px 5px;} .recent-p-box img{ max-height: 150px; min-height: 150px;}}

.swiftShopMsg{ padding:8px 16px; margin:5px 0px; display:block;}

.navbar-nav > li:last-child{ padding-top:27px; padding-bottom:8px; position:relative;}
.navbar-nav > li:last-child ul{ display:none;}
.navbar-nav > li:last-child > a{background-color: #37a000 !important; color:#fff !important; padding:8px 36px 8px 20px !important; border-radius:3px;}
.navbar-nav > li:last-child:hover > a{background-color: #008329 !important; color:#fff !important; position:relative; }
.navbar-nav > li:last-child > a::after{content: "\f107";font: normal normal normal 20px/1 FontAwesome; font-size: 20px !important; font-size: inherit;
text-rendering: auto; position:absolute; right:12px; }
.navbar-nav > li:last-child:hover > a::after, header.sticky .navbar-nav > li:last-child:hover > a::after{content: "\f107";font: normal normal normal 20px/1 FontAwesome; font-size: 20px !important; font-size: inherit;
text-rendering: auto; position:absolute; right:12px; background-color: transparent; color:fff !important; top: inherit !important;
left: inherit !important; bottom:  inherit !important;
height: inherit; width:inherit;  }
.navbar-nav > li:last-child:hover > ul{ position: absolute;
top: 100%; padding:0px 0px; margin: -8px 0px 0px;  
right: 0;
z-index: 1000; float: right; box-shadow: 0 6px 12px rgba(0,0,0,.175); background-color: #fff; border-radius: 3px; overflow:hidden; display:block; min-width:220px;}
.navbar-nav > li:last-child:hover > ul li{ display:block; padding:0px; margin:0px;}
.navbar-nav > li:last-child:hover > ul li a{ display:block; padding:6px 12px; font-size:16px; text-align:right; }
.navbar-nav > li:last-child:hover > ul li a:hover{background-color:#e23636; color:#fff; }
.navbar-nav > li:last-child:hover > ul li a::after{ display:none !important;}
header.sticky .custome-nav .nav > li:last-child:hover a::after { color:#fff !important;}
header.sticky .navbar-nav > li:last-child{padding-top: 11px;}
header.sticky .navbar-nav > li:last-child a{ color:#fff;}
header.sticky .navbar-nav > li:last-child:hover > ul li a{ color:rgb(64, 64, 64); }  
header.sticky .navbar-nav > li:last-child:hover > ul li a:hover{ color:#fff; }
.navbar-nav > li.current_page_item::after, header.sticky .navbar-nav > li.current_page_item::after{ display:none; }
.stellarnav.desktop > ul.top-list > li.mega > ul.top-glob-main > li{background-color: rgba(255, 255, 255, 0.18);}

.stellarnav.desktop > ul.top-list > li.mega > ul.top-glob-main::before, .stellarnav.desktop > ul.top-list > li.mega > ul.top-glob-main::after{ height:0px;}

@media (max-width:600px) { 
     .navbar-nav > li:last-child ul{ display:block; }
	 .navbar-nav > li:last-child > a::after, header.sticky .navbar-nav > li:last-child > a::after{ display:none;}
	 .navbar-nav > li:last-child > ul{ display:block; position:relative !important;} 
	 .navbar-nav > li:last-child:hover > ul li a{ color:rgb(64, 64, 64);}
	 .navbar-nav > li:last-child > ul, .navbar-nav > li:last-child:hover > ul, header.sticky .navbar-nav > li:last-child > ul { display:block; 

    position: relative !important;
    top: 0px;
    padding: 0px 0px;
    margin: 0px 0px 0px;
    right: 0;
    z-index: 1000;
    float: right;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    display: block;
    min-width: 100%;
    width: 100%;

}
.navbar-nav > li:last-child:hover > ul li a, .navbar-nav > li:last-child> ul li a{ text-align:center !important; background-color:transparent !important;padding:6px 12px !important; color:rgb(64, 64, 64) !important; display:block !important; width:100%;}
.navbar-nav > li:last-child:hover > ul li a:hover, .navbar-nav > li:last-child> ul li a:hover{ color: #e23636 !important; }
.custome-nav .navbar-nav > li > a{ padding: 14px 11px 14px 11px !important; } 
.custome-nav .navbar-nav > li > a:after{ display:none; }
}