<script>
  window.FontAwesomeConfig = {
    searchPseudoElements: true
  }
</script>


        @font-face {
            font-family: 'second_custom';
            src: url('/fonts/MINI-Serif-Regular.ttf');
            font-weight: 400;
            font-style: normal;
        }

        
@font-face {
  font-family: 'second_custom';
  src: url('/fonts/MINI-Serif-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}

.second-custom-font{
  font-family: 'second_custom' !important;
}
.latest-blog h2{
  font-family: 'second_custom' !important;
  font-size:3.6rem;
}

.xvBanners.style1 .xvBanner .head{
  font-size:3.6rem;
}


.wrapper{
  min-height: 0 !important; 
  padding: 0px 0 !important; 
  position: relative !important; 
}

.btn-sm{
  padding:10px 15px !important;
}
.btn-xs{
  padding:5px 5px !important;
}


.xvBlogWrap.postMd .visual{
  height:200px !important;
}
.xvBlogPost .BlogPostWrap h6 a{
  text-transform:initial !important;
}

@media (min-width: 992px) and (max-width: 1169px) {
.xvBlogWrap.postSm .xvBlogPost{
  min-height:250px !important;
}
}

@media (min-width: 1170px) {
.xvBlogWrap.postSm .xvBlogPost{
  min-height:250px !important;
}
}

.productImages .image-default{
      transform: scale(0.6,0.6);
}

.footer-hsocial{
  display:inline-flex
}
.footer-hsocial li{
  padding: 0px 20px 0px 20px;
  font-size:30px;
}

.xvBlogWrap.postSm .xvBlogPost h6{
  font-size:1.5rem !important;
}

.xvBlogWrap.postSm .visual{
height: 120px !important
}
.xvBlogWrap.postSm .xvBlogPost .date, .xvBlogWrap.postMd .xvBlogPost .date{
  right:35px;
  padding-left:7px;
}
.xvAccountInfo .tab-pane {
  background:white;
  padding:0px 50px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  background: #ff9100}

.xvBlogWrap.postLg .xvBlogPost, .xvBlogWrap.postMd .xvBlogPost, .xvBlogWrap.postSm .xvBlogPost{
  margin-bottom:0px !important;
}
.xvBlogWrap.postMd .xvBlogPost{
  min-height:510px !important;
}

.xvBlogWrap .xvBlogPost .links li{
  font-size:1.3rem;
}
.xvOffice{
  border:1px solid #e6e6e6;
  padding:10px;
}


.xvBlogPost h6{
  font-size:20px !important;
  font-weight:600px !important;
  color:black;
}


.xvOffice h5{  
    font-size: 35px;
    letter-spacing: -1.575px;
    margin-top: -4px;
    margin-bottom: 12px;
}
.xvOffice .type{
  color:black;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding:10px 10px;
  border:none;
}
.table{
  border:none;
}
.table > thead{
  border-bottom:1px black solid;
}
.table > thead > tr th{
  font-weight:600;
}
.xvAccountInfo .tabss li.active, .xvAccountInfo .tab-pane.opened .accorTrigger, .xvAccountInfo .tabs li.active, .xvAccountInfo .tab-pane.opened .accorTrigger{
  background:white;
}

.xvAccountInfo .tabss li.active i, .tab-pane.opened .xvAccountInfo .accorTrigger i, .xvAccountInfo .tabs li.active i, .tab-pane.opened .xvAccountInfo .accorTrigger i{
  font-size:3.0rem;
}
input.light, textarea.light{
  background:#F2F2F2 !important;
}
.accorContent .row div{
  border:none !important;
}
.xvAccountInfo .tabss li i, .xvAccountInfo .accorTrigger i, .xvAccountInfo .tabs li i, .xvAccountInfo .accorTrigger i{
  font-size:3.0rem;
}

.xvCartItems.style1 tbody tr{
  border:none !important;
}

.xvAccountInfo .tabss li a,.accorTrigger,
.xvAccountInfo .tabs li a,.accorTrigger{
font-size:11px;
}

/*menu style */
.header-area{
  z-index: 9998;
  position: relative;
}
.main-menu > li > a {
  color: #303030;
  display: block;
  text-transform: capitalize;
}
.main-menu > li > a, .dropdwn li a, .single-mega-item li a {
   position: relative; 
}
.main-menu > li > a::before, .dropdwn li a:before, .single-mega-item li a:before {
  background: #ff9100 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 0;
}
.main-menu > li:hover > a::before, .dropdwn li:hover a:before, .single-mega-item li:hover a:before {
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.main-menu > li {
  display: inline-block;
  margin: 0 18px;
  padding: 48px 0;
  position: relative;
  transition: all 0.3s ease 0s;
}


.total-cart-pro h2{
  text-align:center;
  font-size:1.6rem;
}
/*dropdwn Style*/
.dropdwn {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
  left: 0;
  padding: 15px 30px;
  position: absolute;
  text-align: left;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 270px;
  z-index: 2;
}
.dropdwn li{
  display: block;
  padding: 5px 0;
}
.dropdwn li a {
  color: #666;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
}
.main-menu li:hover .dropdwn{
  transform: scale(1);
  visibility: visible;
}
.mega-menu-area {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  left: -16%;
  padding: 45px 35px;
  position: absolute;
  text-align: left;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 1130px;
  z-index: 2;
}
.mega-menu-link {
  width: 70%;
}
.mega-menu-photo {
  width: 30%;
  padding-right: 15px;
}
.mega-menu-photo img {
  width: 100%;
}
.main-menu li.mega-parent {
    position: static;
}
.single-mega-item {
  float: left;
  padding: 0 15px;
  width: 33.3333%;
}
.single-mega-item li {
  display: block;
  margin-bottom: 5px;
}
.single-mega-item li:last-child {
  margin-bottom: 0;
}
.single-mega-item .menu-title {
  color: #444;
  font-size: 14px;
  padding-bottom: 20px;
  text-transform: capitalize;
}
.single-mega-item li:last-child{
  border-bottom: 0px solid #000;
} 
.single-mega-item li a {
  color: #666;
  display: inline-block;
  font-size: 13px;
  line-height: 22px;
  padding: 3px 0;
  text-transform: capitalize;
}
.main-menu li:hover .mega-menu-area{
  transform: scale(1);
  visibility: visible;
}
.header-middle-area .container .row [class*="col-"] {
  position: static;
 }
 .header-middle-area .full-width-mega-dropdown{
  position: relative;
 }
 /*mega-menu 2 columns*/
.mega-menu-area-2 {
  left: 0;
  margin: auto;
  right: 0;
  width: 580px;
}
.mega-menu-link-2 {
  width: 100%;
}
.mega-menu-link-2 .single-mega-item {
  width: 50%;
}
/*mega-menu 4 columns*/
.mega-menu-link-4 {
  width: 100%;
}
.mega-menu-link-4 .single-mega-item {
  width: 25%;
}
 /*Header Transprent */
 .transparent-header{
  position: absolute;
  width: 100%;
  margin: auto;
  background: rgba(255,255,255,0.3);
 }
 .transparent-header .main-menu > li > a{
  color: #fff;
 }
 .transparent-header.sticky{
  background: rgba(255,255,255,0.9);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4)
 }
 /*Sticky Menu*/
 .sticky {
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  background: rgba(255,255,255,0.99);
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4)
}
.sticky .main-menu > li {
  padding: 22px 0;
}
 .sticky .main-menu > li:hover > a{
  
 }

.logo {
  padding: 44px 0;
  transition: all 0.3s ease 0s;
}
.logo img{
  transition: all 0.3s ease 0s;
}
.sticky .logo img {
  transition: all 0.3s ease 0s;
    width: 100px;
}
.sticky .logo {
  padding: 20px 0;
}

/* - - - header-top-bar - - - */
.header-top-bar {
  background: #222222 none repeat scroll 0 0;
}
.call-us p {
  color: #cccccc;
  font-weight: 500;
  line-height: 40px;
}
/*top-link*/
.top-link > ul.link {
  margin-right: -20px;
}
.top-link > ul.link > li {
  float: left;
  position: relative;
}
.top-link > ul.link > li::before {
  background: #ddd none repeat scroll 0 0;
  content: "";
  height: 15px;
  left: 0;
  position: absolute;
  top: 13px;
  width: 1px;
}
.top-link > ul.link > li:first-child::before {
  display: none;
}
.top-link > ul.link > li a {
  color: #cccccc;
  display: block;
  font-size: 0;
  height: 40px;
  line-height: 30px;
  overflow: hidden;
  padding: 10px 20px;
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap;
  width: 50px;
}
.top-link > ul.link > li a i {
  font-size: 14px;
  line-height: 10px;
  color: #CCCCCC;
}
.top-link > ul.link > li a:hover i {
  padding-right: 5px;
}
.top-link > ul.link > li a:hover, .top-link > ul.link > li a:focus, .top-link > ul.link > li a:active {
  color: #fff;
  font-size: 13px;
  line-height: 19px;
  width: auto;
}


/*header-search*/
.header-search {
  padding: 34px 0 22px;
  transition: all 0.3s ease 0s;
}
.header-search-inner {
  position: relative;
}
.header-search-inner::before {
  background: #ff9100 none repeat scroll 0 0;
  content: "";
  height: 20px;
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
}
.header-search-inner form {}
.header-search-inner button.search-toggle {
  color: #666;
  display: block;
  font-size: 20px;
  line-height: 1;
  padding: 15px 20px;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.sticky .header-search {
  padding: 14px 0 0;
}
.sticky .header-search-inner button.search-toggle {
  padding: 10px 15px;
}

.pre-loading {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255 , 255 ,255 ,0.98);
    z-index: 99999;
}

.top-search-box {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  height: 60px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: -5px;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 0;
}
.sticky .top-search-box {
  height: 40px;
  top: 0;
}
.top-search-box > input {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  float: left;
  height: 100%;
  padding: 0 10px;
  width: 100%;
}
.top-search-box > input:focus {
  border: none;
}
.top-search-box > button {
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  color: #999999;
  float: left;
  font-size: 20px;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  width: 60px;
}
.header-search-inner:hover button.search-toggle {
  opacity: 0;
}
.header-search-inner:hover .top-search-box {
  opacity: 1;
  right: 20px;
  visibility: visible;
  width: 500px;
}
.sticky .header-search-inner:hover .top-search-box {
  width: 400px;
}
.top-search-box input[type="text"]:focus {
    border: medium none;
}
/* ============ total-cart ============= */
.total-cart {
  padding: 20px 0;
  transition: all 0.3s ease 0s;
}
.sticky .total-cart {
  padding: 0;
}
.total-cart-in {
  padding: 10px 0 25px;
  position: relative;
  transition: all 0.3s ease 0s;
}
.sticky .total-cart-in {
  padding: 10px 0 12px;
}
.cart-toggler {}
.cart-toggler > a {
  color: #666666;
  display: block;
  line-height: 20px;
  padding-left: 20px;
  text-align: center;
}
.total-cart-in:hover .cart-toggler > a {
  
}
.cart-icon {
  font-size: 20px;
  line-height: 20px;
}
.total-cart-in > ul {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  opacity: 0;
  position: absolute;
  right: 0;
  top: 150%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 350px;
  z-index: 9999;
}
.total-cart-in > ul > li {
  border-bottom: 1px solid #eee;
}
.top-cart-inner {
  padding: 18px 30px;
  text-align: center;
}
.top-cart-inner h5, .top-cart-inner h4 {
  margin: 0;
}
.top-cart-inner.your-cart h5 {
  color: #999999;
  font-weight: 500;
}
.total-cart-pro {
  padding: 10px 15px 30px 30px;
}
.total-cart-pro .single-cart {
  padding: 20px 0 0;
}

.cart-img {
  position: relative;
}
.del-icon a {
  bottom: 0;
  position: absolute;
  right: 0;
}
.del-icon > a::before {
  border-right: 30px solid #f6f6f6;
  border-top: 30px solid transparent;
  bottom: 0;
  content: "";
  position: absolute;
  right: 0;
  transition: all 0.3s ease 0s;
  z-index: 1;
}
.del-icon > a:hover::before {
  border-right: 30px solid #ddd;
}
.del-icon > a > i {
  color: #666666;
  display: block;
  font-size: 12px;
  height: 15px;
  line-height: 15px;
  position: relative;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 15px;
  z-index: 2;
}
.del-icon > a:hover > i {
  
}
.cart-info {
  padding: 10px 0 0 20px;
}
.cart-info h6 {
  color: #666;
  font-weight: 500;
}
.cart-info p {
  margin: 0;
}
.cart-info p > span {
  display: inline-block;
  width: 56px;
}
.cart-info span strong {
  float: right;
  padding-right: 10px;
}
.top-cart-inner.subtotal > h4 {
  color: #666666;
  font-weight: 700;
}
.top-cart-inner.subtotal span {
  
}
.top-cart-inner.view-cart h4, .top-cart-inner.check-out h4 {
  color: #666;
  font-weight: 500;
}
.total-cart-in:hover ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

/* ****************
  header-2 
***************** */
.header-2 {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.header-2 .header-search-inner::before {
  display: none;
}
.header-2 .sticky {
  background: rgba(246, 246, 246, 0.99) none repeat scroll 0 0;
}
/*user-meta*/
.user-meta > li {
  margin-top: 30px;
  position: relative;
  transition: all 0.3s ease 0s;
}
.user-meta > li > a {
  color: #999999;
  display: block;
  font-size: 20px;
  line-height: 1;
  padding: 19px 3px 27px;
}
.user-meta > li > ul {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
  opacity: 0;
  position: absolute;
  right: 0;
  top: 150%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 140px;
  z-index: 999;
}
.user-meta > li > ul > li {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  padding: 5px 10px;
}
.user-meta > li > ul > li > a {
  color: #999999;
  display: block;
  font-size: 13px;
  line-height: 20px;
}
.user-meta > li > ul > li > a:hover {
  
}
.user-meta > li:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.sticky .user-meta > li {
  margin-top: 0;
}
.sticky .user-meta > li > a {
  padding: 21px 3px;
}


/* ****************
  Dropdwn Repeat
***************** */
.dropdwn {
  padding: 15px 0;
  margin-top: -50px;
  border:none !important;
  box-shadow:none;
  width:300px;
  border-top:solid 4px #ff9100 !important;
}
.dropdwn li {
  display: block;
  padding: 5px 30px;
}
.dropdwn > li {
  position: relative;
  transition: all 0.3s ease 0s;
}
.dropdwn-repeat {
  background: #ffffff none repeat scroll 0 0;
  left: 100%;
  padding: 15px 0;
  position: absolute;
  text-align: left;
  top: 0;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 270px;
  z-index: 2;
}
.main-menu li .dropdwn li:hover .dropdwn-repeat {
  transform: scale(1);
  visibility: visible;
}
.dropdwn li:hover .dropdwn-repeat li a::before {
	background: #ff9100 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 0;
}
.dropdwn li .dropdwn-repeat li:hover a::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.dropdwn > li .dropdwn-repeat li:hover > a {
  
}

.reports .xvAccordianWrap{
  background:white;
  border-left:2px solid #52a2bd;
}

.xvAccordianWrap .xvaccorTriger:after{
  content:"\ebb6";
}

.xvAccordianWrap.active .xvaccorTriger:after{
  content: "\ebb5";
}

.tagsWidget li a{
  font-size: 10px;
  display: table;
  background: transparent;
  border: 1px solid #52a2bd;
  color: #52a2bd;
  padding: 1px 5px;
  text-decoration: none;
  margin-right:10px;
}

.xvPortfolio .folioInfo .infoInner{
  top:50%;
}
.tagsWidget li a:hover{
  background: #52a2bd;
  border: 1px solid #52a2bd;
  color: white;
}

.categoryWidget li a{ padding:10px; }

.xvWidget h3{ margin-bottom:5px; }

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
.dropdwn-repeat {
  left: 80%;
  width: 210px;
}

}

li {
    list-style: none;
}

/*
  Template Name: Subas Ecommerce Responsive Bootstrap Template
  Description: This is html5 template
  Author: codecarnival
  Version: 1.0
  Design and Developed by: codecarnival
  NOTE: This is main style sheet of template, 
  This file contains the styling for the actual Template. 
  Please do not change anything here! write in a custom.css file if required!

*/
/*================================================
[  Table of contents  ]
================================================
  1.General
  2. transtion
  3. button
    3.1 button small
    3.2 buttons variation
  4. social-icon
  5. Text color
  6. Input 
  7. submit button hover 
  8. back-to-top 
  9. slick-arrow 
    9.1 slick-arrow-1
    9.2 slick-arrow-2
    9.3 slick-arrow-3
  10. slick-dots
    10.1 slick-dots-1
  11. quick view (modal)  
  12. Basic margin padding  
    12.1 Margin top 
    12.2 Margin right  
    12.3 Margin bottom 
    12.4 Margin left 
    12.5 Padding top 
    12.6 Padding right   
    12.7 Padding bottom    
    12.8 Padding left  
    12.9 Page section padding    
    12.10 Page section margin     
    12.11 Extra padding & margin
  13. Scroll Up 
  14. Extra class (Custom cloumn)
  15. box-shadow 
  16. Background variation set 
  17. Opacity background
  18. image background
  19. tooltip
  20. separator
  21. Section title 1   
  22. section title 2 

======================================
[ End table content ]
======================================*/

/*************************
  1.General
*************************/
body {
  background: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
}
.img{
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}

a:focus,
a:hover {
  
  text-decoration: none;
}
a,
button,
input {
  outline: medium none;
  color: #666666;
}
.uppercase { 
  text-transform: uppercase
}
.capitalize { 
  text-transform: capitalize
}

ul {
  margin: 0px;
  padding: 0px;
}
li { 
  list-style: none; 
}

hr.style-2{
  border-bottom: 1px dashed #eceff8;
}
hr.mp-0 {
  margin: 0;
  border-bottom: 1px solid #eceff8;
}
hr.mtb-40 {
  margin: 40px 0;
  border-bottom: 1px solid #eceff8;
  border-top: 0px;
}
label {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}
*::-moz-selection {
  background: #4fc1f0;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #4fc1f0;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #4fc1f0;
  color: #fff;
  text-shadow: none;
}
.mark, mark {
  
  color: #fff;
}
span.tooltip-content {
  
  cursor: help;
  font-weight: 600;
}
.f-left {
  float: left
}
.f-right {
  float: right
}
.fix {
  overflow: hidden
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.g-font-1 {
  font-family: "Raleway",sans-serif;
}
.g-font-2 {
  font-family: 'Roboto', sans-serif;
}
.font-w-5 {
  font-weight: 500;
}
.font-w-6 {
  font-weight: 600;
}
.font-w-7 {
  font-weight: 700;
}
.panel-group .panel {
  border-radius: 0;
  margin-bottom: 0;
}
.my-account-content .panel-body {
  padding: 0;
}
.panel {
  border-radius: 0;
}

/***************************
  2. transtion
****************************/
a.button::after,
a.button-small::after {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.share ul,
.share:hover ul {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
a.button-border span,
a.button-border-white span,
input,
select,
textarea {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

/*************************
  3. button
*************************/
a.button {
  
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  margin-right: 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
a.button i {
  background: rgba(0, 0, 0, 0.09);
  display: block;
  float: left;
  padding: 14px;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  width: 50px;
  text-align: center;
}
a.button span {
  display: block;
  float: left;
  position: relative;
  z-index: 2;
  padding: 11px 20px;
  font-size: 15px;
  color: #fff;
  font-weight: normal;
}
a.button::after {
  background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  z-index: 1;
}
a.button:hover::after { width: 100% }
a.button.button-white {
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  background-color: #fff;
  color: #4FC1F0;
  font-size: 15px;
}
a.button.button-white i {
  background: rgba(0, 0, 0, 0.09);
  display: block;
  float: left;
  padding: 14px;
  font-size: 16px;
  color: #4FC1F0;
  font-weight: normal;
  width: 50px;
  text-align: center;
}
a.button.button-white span {
  display: block;
  float: left;
  position: relative;
  z-index: 2;
  padding: 11px 20px;
  font-size: 15px;
  color: #434343;
  font-weight: normal;
}
a.button.button-grey {
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  background-color: #eceff7;
  color: #4FC1F0;
  font-size: 15px;
}
a.button.button-grey i {
  background: rgba(0, 0, 0, 0.09);
  display: block;
  float: left;
  padding: 14px;
  font-size: 16px;
  color: #4FC1F0;
  font-weight: normal;
  width: 50px;
  text-align: center;
}
a.button.button-grey span {
  display: block;
  float: left;
  position: relative;
  z-index: 2;
  padding: 11px 20px;
  font-size: 15px;
  color: #4FC1F0;
  font-weight: normal;
}
a.button.button-black {
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  background-color: #575757;
  color: #4FC1F0;
  font-size: 15px;
}
a.button.button-black i {
  background: rgba(0, 0, 0, 0.3);
  display: block;
  float: left;
  padding: 14px;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  width: 50px;
  text-align: center;
}
a.button.button-black span {
  display: block;
  float: left;
  position: relative;
  z-index: 2;
  padding: 11px 20px;
  font-size: 15px;
  color: #fff;
  font-weight: normal;
}
a.button-border span {
  border: 0 none;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  padding: 11px 20px;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  background-color: transparent;
  color: #4FC1F0;
  font-size: 15px;
  border: 1px solid #4FC1F0;
}
a.button-border span:hover {
  box-shadow: -200px 0 0 #4FC1F0 inset;
  color: #fff;
  border-color: #4FC1F0;
}
a.button-border-white span {
  border: 0 none;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  padding: 11px 20px;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  background-color: transparent;
  color: #fff;
  font-size: 15px;
  border: 1px solid #fff;
}
a.button-border-white span:hover {
  box-shadow: -200px 0 0 #fff inset;
  color: #4FC1F0;
  border-color: #fff;
}
/*************************
    3.1 button small
*************************/
a.button-small {
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  background-color: #4FC1F0;
  color: #fff;
  font-size: 15px;
}
a.button-small i {
  background: rgba(0, 0, 0, 0.09);
  display: block;
  float: left;
  padding: 10px;
  font-size: 13px;
  color: #fff;
  font-weight: normal;
  width: 40px;
  text-align: center;
}
a.button-small span {
  display: block;
  float: left;
  position: relative;
  z-index: 2;
  padding: 8px 10px;
  font-size: 13px;
  color: #fff;
  font-weight: normal;
}
a.button-small:after {
  background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0;
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 1;
}
a.button-small:hover::after { width: 100% }
/*************************
    3.2 buttons variation
*************************/
a.button.large {margin-right: 0px; }

a.button.large span { padding: 16px 80px; font-size: 18px;  }
a.button.large i { padding: 20px; width: 60px; font-size: 18px; }

a.button.medium span { padding: 14px 60px; font-size: 16px; }
a.button.medium i { padding: 17px; width: 50px; font-size: 16px; }

a.button.small span { padding: 12px 40px; }
a.button.small i { padding: 14px; width: 45px; }

a.button.small span { padding: 12px 40px; }
a.button.small i { padding: 15px; width: 45px; }

a.button.extra-small span { padding: 8px 30px; font-size: 14px; }
a.button.extra-small i { padding: 11px; width: 38px; font-size: 13px; }

/*************************
  4. social-icon
*************************/
.social-icon ul { margin: 0; padding: 0; }
.social-icon ul li { display: inline-block; list-style: none; }
.social-icon ul li a { display: block; margin: 3px; width: 50px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #4FC1F0; text-align: center; border-radius: 50%; }
.social-icon ul li a:hover { background: #EB3B60; }

.social-icon.socile-icon-style-2 ul li a { color: #fff; background: #323232; border-radius: 0;}
.social-icon.socile-icon-style-2 ul li a:hover { background: #EB3B60;  }

.social-icon.socile-icon-style-3 ul li a { color: #fff; background: transparent; border:1px solid #fff; }
.social-icon.socile-icon-style-3 ul li a:hover { background: #EB3B60; border-color:#EB3B60; }


/*************************
  5. Text color
*************************/
.text-blue { color: #4FC1F0; }
.text-white { color: #fff; }
.text-black-1 { color: #575757; }
.text-black-2 { color: #737373; }
.text-black-3 { color: #434343; }
.text-black-4 { color: #999; }
.text-black-5 { color: #666; }
.text-gray { color: #666; }
.text-theme {  }

/*************************
  6. Input 
*************************/

button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  font-family: raleway;
}
select {
  border: 1px solid #eeeeee;
  color: #999999;
  font-size: 13px;
  height: 44px;
  padding-left: 20px;
}
option {
  background: #ffffff none repeat scroll 0 0;
  border: 0 solid #626262;
  font-size: 13px;
  padding-left: 10px;
}
input[type="text"],input[type="url"],input[type="tel"],textarea,input[type="email"],input[type="password"],input[type="date"],input[type="number"],select{
  height: 44px;
  background-color: #FFFFFF;
  border:1px solid #F2F2F2;
  color: #000000 ;
  font-size: 1.6rem;
  text-transform: none;
  padding-left: 20px;
  width: 100%;
  margin-bottom: 10px;
  outline: none
}
.form-control{
  border-radius:0px;
}
input[type="text"]:focus,
input[type="password"]:focus {
    border: 1px solid #ff9100}
textarea:focus {
  border: 1px solid #ff9100}
select:focus{
  border: 1px solid #ff9100}

.height-80 {
    height: 80px;
}
::-moz-placeholder {
    color: #444;
    font-size: 13px;
}
.submit-btn-1 {
  background: rgb(255, 127, 0) none repeat scroll 0 0;
  border: medium none;
  color: rgb(255, 255, 255);
  font-size: 13px;
  font-weight: 700;
  height: 35px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

/*************************
  7. submit button hover 
*************************/
.btn-hover-1,
.btn-hover-2 {
  position: relative;
}
.btn-hover-1::before,
.btn-hover-2::before {
  background: #434343 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transition: all 0.5s ease 0s;
  width: 0;
  z-index: 9999;
}
.btn-hover-1:hover::before,
.btn-hover-2:hover::before {
  width: 100%;
}
.btn-hover-2::before {
  
}
/*************************
  8. back-to-top 
*************************/
#back-to-top .top {
  z-index: 999;
  position: fixed;
  margin: 0px;
  color: #fff;
  transition: all .5s ease-in-out;
  position: fixed;
  bottom: 105px;
  right: 15px;
  border-radius: 3px;
  z-index: 999;
  background: transparent;
  font-size: 14px;
  background: #4FC1F0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 38px;
}
#back-to-top .top:hover {
  color: #fff;
  height: 50px;
}
#back-to-top .top { background: #007da1; }
/*************************
  9. slick-arrow 
*************************/
/* 9.1 slick-arrow-1 */
.slick-arrow-1 .slick-arrow {
  color: #ccc;
  font-size: 40px;
  left: -60px;
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease 0s;
  z-index: 999;
}
.slick-arrow-1 .arrow-next.slick-arrow {
  left: auto;
  right: -60px;
}
.slick-arrow-1 .slick-arrow:hover {
  
}
/* 9.2 slick-arrow-2 */
.slick-arrow-2 .slick-arrow {
  border: 1px solid #ddd;
  color: #999999;
  font-size: 20px;
  height: 35px;
  left: -30px;
  line-height: 35px;
  margin-top: -17px;
  opacity: 0;
  position: absolute;
  right: auto;
  top: 50%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 35px;
  z-index: 2;
}
.slick-arrow-2 .arrow-next.slick-arrow {
  left: auto;
  right: -30px;
}
.slick-arrow-2:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}
.slick-arrow-2 .arrow-prev.slick-arrow:hover, .slick-arrow-2 .arrow-next.slick-arrow:hover {
  
  border-
}
/* 9.3 slick-arrow-3 */
.slick-arrow-3 .slick-arrow {
  color: #999999;
  font-size: 20px;
  height: 35px;
  left: 0;
  line-height: 35px;
  margin-top: -17px;
  position: absolute;
  right: auto;
  top: 50%;
  transition: all 0.3s ease 0s;
  width: 35px;
  z-index: 2;
}
.slick-arrow-3 .arrow-next.slick-arrow {
  left: auto;
  right: 0px;
}
.slick-arrow-3:hover .slick-arrow {}
.slick-arrow-3 .arrow-prev.slick-arrow:hover, .slick-arrow-3 .arrow-next.slick-arrow:hover {
  
}
/*************************
  10. slick-dots
*************************/
/* 10.1 slick-dots-1 */
.slick-dots-1 .slick-dots {
  bottom: 70px;
  position: absolute;
  right: 30px;
}
.slick-dots-1 .slick-dots li {
  background: #cccccc none repeat scroll 0 0;
  border-radius: 50%;
  float: left;
  height: 8px;
  margin: 0 5px;
  width: 8px;
}
.slick-dots-1 .slick-dots li button {
  display: none;
}
.slick-dots-1 .slick-dots li.slick-active {
  
}
/*************************
  11. quick view (modal)
*************************/
#productModal .modal-dialog {
  margin: 5% auto;
  max-width: 96%;
  min-height: 300px;
  padding: 20px;
  width: 870px;
}
#quickview-wrapper .modal-content {
  border-radius: 0;
}
#productModal .modal-header {
  border: 0 none;
  padding: 0;
}
#productModal button.close {
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
#productModal button.close span {
  border: 1px solid #909295;
  border-radius: 60px;
  color: #909295;
  display: block;
  height: 30px;
  line-height: 25px;
  padding-top: 1px;
  text-align: center;
  width: 30px;
}
#productModal button.close:hover {
  opacity: 1;
}
.modal-product .product-images {
  float: left;
  width: 40%;
}
.modal-product .product-images .main-image {
  width: 100%;
}
.modal-product .product-images .main-image img {
  width: 100%;
}
.modal-product .product-info {
  background: #ffffff none repeat scroll 0 0;
  float: left;
  padding: 15px 15px 18px 30px;
  text-align: left;
  width: 60%;
}
.modal-product .product-info h1 {
  color: #666;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.s-price-box {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  display: block;
  padding: 10px 0;
}
.s-price-box .new-price {
  color: #666;
  font-size: 20px;
  font-weight: bold;
  margin-right: 10px;
}
.s-price-box .old-price {
  color: #a6a6a6;
  font-size: 15px;
  text-decoration: line-through;
}
.modal-product .product-info .see-all {
  color: #42414f;
  display: inline-block;
  margin: 15px 0 20px;
  text-decoration: underline;
}
.modal-product .product-info .quick-add-to-cart {
  border-bottom: 1px solid #e5e5e5;
  float: left;
  margin: 0 0 15px;
  padding: 0 0 30px;
  width: 100%;
}
.quick-add-to-cart .numbers-row > input {
  border: 1px solid #e5e5e5;
  float: left;
  height: 45px;
  text-align: center;
  width: 100px;
}
.quick-add-to-cart .single_add_to_cart_button {
  background: #666 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #ffffff;
  float: left;
  font-weight: 700;
  height: 45px;
  margin-left: 15px;
  padding: 0 55px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.quick-add-to-cart .single_add_to_cart_button:hover {
  
}
.modal-product .product-info .quick-desc {
  border-bottom: 1px solid #e5e5e5;
  color: #909295;
  margin-bottom: 10px;
  padding: 0 0 15px;
}
.widget-title-modal {
  color: #42414f;
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 5px;
  text-transform: none;
  width: 100%;
}
.modal-product .widget .social-icons li {
  float: left;
  margin-right: 10px;
}
.modal-product .widget .social-icons li a {
  border: 1px solid #e5e5e5;
  color: #909295;
  display: block;
  font-size: 18px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 40px;
}
.modal-product .widget .social-icons li a:hover {
  color: #ffffff;
}

/*************************
  12. Basic margin padding  
*************************/
.m-0 {
    margin: 0;
}
.p-0 {
    padding: 0;
}
/*************************
    12.1 Margin top 
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
/*************************
    12.2 Margin right  
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
    12.3 Margin bottom 
*************************/
.mb-0 { margin-bottom: 0 }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
    12.4 Margin left 
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
    12.5 Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
.pt-160 { padding-top: 160px }
/*************************
    12.6 Padding right 
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
    12.7 Padding bottom  
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
.pb-160 { padding-bottom: 160px }
/*************************
    12.8 Padding left 
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
/***************************
    12.9 Page section padding   
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
.ptb-160 { padding: 160px 0 }
/***************************
    12.10 Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-35 { margin: 35px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
.mtb-160 { margin: 160px 0; }

/*************************************************
    12.11 Extra padding & margin
*************************************************/
.plr-185 {
  padding: 0 185px;
}
.plr-200 {
  padding-left: 200px;
  padding-right: 200px
}
.ptblr-10-30 {
  padding: 10px 30px;
}
.ptblr-20-30 {
  padding: 20px 30px;
}
.p-20 {
  padding: 20px;
}
.p-30 {
  padding: 30px;
}
.mt--50 {
  margin-top: -50px;
}
/***************************
  13. Scroll Up 
****************************/
#scrollUp {
  background: #ccc;
  bottom: 10px;
  color: #ffffff;
  font-size: 20px;
  height: 40px;
  right: 10px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 40px;
}
#scrollUp i {
  line-height: 40px;
}
#scrollUp:hover {
  
  color: #ffffff;
}
/*Call to action*/
.action-box-button a.button span {
  font-size: 13px;
  padding: 11px 12px;
}
/*************************************
  14. Extra class (Custom cloumn)
*************************************/
.pricing .container .row [class*="col-"] { }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
    float: left;
}
.col-1{
    width: 10%;
}
.col-2{
    width: 20%;
}
.col-3{
    width: 30%;
}
.col-4{
    width: 40%;
}
.col-5{
    width: 50%;
}
.col-6{
    width: 60%;
}
.col-7{
    width: 70%;
}
.col-8{
    width: 80%;
}
.col-9{
    width: 90%;
}
.col-10{
    width: 100%;
}
/*************************************
  15. box-shadow 
 **************************************/
.box-shadow {  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }

/*************************************
  16. Background variation set 
 **************************************/
/*colored background*/

.black-bg { background: #222222; }
.white-bg { background: #fff; }
.gray-bg { background: #f6f6f6; }
.blue-bg { background: #4FC1F0; }
.default-bg { background: #f6f6f6; }
.transparent-bg { background: transparent; }

/*background-change with color change*/
.footer-area .theme-bg p, 
.footer-area .black-bg p,
.footer-area .theme-bg h4, 
.footer-area .black-bg h4,
.footer-area .theme-bg .footer-menu li a, 
.footer-area .black-bg .footer-menu li a,
.footer-area .theme-bg .footer-social li a, 
.footer-area .black-bg .footer-social li a { 
  color: #fff;
}
.footer-area .theme-bg .footer-social li a, 
.footer-area .black-bg .footer-social li a {
  border: 1px solid #fff;
}
.footer-area .theme-bg .footer-menu li:hover a, 
.footer-area .black-bg .footer-menu li:hover a,
.footer-area .theme-bg .footer-menu li:hover a i, 
.footer-area .black-bg .footer-menu li:hover a i {
  color: #444;
}
.footer-area .theme-bg .footer-menu li a i, 
.footer-area .black-bg .footer-menu li a i {
  color: #fff;
}
.footer-area .theme-bg .submit-btn-1, 
.footer-area .black-bg .submit-btn-1 {
  background: #fff none repeat scroll 0 0;
  color: #000;
}
/*************************************
  17. Opacity background
 **************************************/
 .bg-opacity-black-10, .bg-opacity-black-20, .bg-opacity-black-30, .bg-opacity-black-40, .bg-opacity-black-50, .bg-opacity-black-60, .bg-opacity-black-70, .bg-opacity-black-80, .bg-opacity-black-90,  .bg-opacity-white-10,  .bg-opacity-white-20,  .bg-opacity-white-30,  .bg-opacity-white-40,  .bg-opacity-white-50,  .bg-opacity-white-60,  .bg-opacity-white-70,  .bg-opacity-white-80,  .bg-opacity-white-90{
    z-index: 9; 
 }
 .bg-opacity-black-10:before, .bg-opacity-black-20:before, .bg-opacity-black-30:before, .bg-opacity-black-40:before, .bg-opacity-black-50:before, .bg-opacity-black-60:before, .bg-opacity-black-70:before, .bg-opacity-black-80:before, .bg-opacity-black-90:before,  .bg-opacity-white-10:before,  .bg-opacity-white-20:before,  .bg-opacity-white-30:before,  .bg-opacity-white-40:before,  .bg-opacity-white-50:before,  .bg-opacity-white-60:before,  .bg-opacity-white-70:before,  .bg-opacity-white-80:before,  .bg-opacity-white-90:before{
    content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; 
 }
 .bg-opacity-black-10:before {  background: rgba(0, 0, 0, 0.1);}
 .bg-opacity-black-20:before {  background: rgba(0, 0, 0, 0.2);}
 .bg-opacity-black-30:before {  background: rgba(0, 0, 0, 0.3);}
 .bg-opacity-black-40:before {  background: rgba(0, 0, 0, 0.4);}
 .bg-opacity-black-50:before {  background: rgba(0, 0, 0, 0.5);}
 .bg-opacity-black-60:before {  background: rgba(0, 0, 0, 0.6);}
 .bg-opacity-black-70:before {  background: rgba(0, 0, 0, 0.7);}
 .bg-opacity-black-80:before {  background: rgba(0, 0, 0, 0.8);}
 .bg-opacity-black-90:before {  background: rgba(0, 0, 0, 0.9);}

 .bg-opacity-white-10:before {  background: rgba(255, 255, 255, 0.1);}
 .bg-opacity-white-20:before {  background: rgba(255, 255, 255, 0.2);}
 .bg-opacity-white-30:before {  background: rgba(255, 255, 255, 0.3);}
 .bg-opacity-white-40:before {  background: rgba(255, 255, 255, 0.4);}
 .bg-opacity-white-50:before {  background: rgba(255, 255, 255, 0.5);}
 .bg-opacity-white-60:before {  background: rgba(255, 255, 255, 0.6);}
 .bg-opacity-white-70:before {  background: rgba(255, 255, 255, 0.7);}
 .bg-opacity-white-80:before {  background: rgba(255, 255, 255, 0.8);}
 .bg-opacity-white-90:before {  background: rgba(255, 255, 255, 0.9);}

/*************************************
  18. image background
 **************************************/
 .bg-1 {
  background: url(../../images/bg/1.jpg);}
 .bg-2 { background: url(../../images/bg/2.jpg);}
 .bg-3 { background: url(../../images/bg/3.jpg);}
 .bg-4 { background: url(../../images/bg/4.jpg);}
 .bg-5 { background: url(../../images/bg/5.jpg);}
 .bg-6 { background: url(../../images/bg/6.jpg);}
 .bg-7 { background: url(../../images/bg/7.jpg);}
 .bg-8 { background: url(../../images/bg/8.jpg);}
 .bg-9 { background: url(../../images/bg/9.jpg);}
 .bg-10 { background: url(../../images/bg/10.jpg);}

.bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .bg-6, .bg-7, .bg-8, .bg-9, .bg-10{
    background-attachment: fixed; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0;
}
  /*pattern background*/
.pattern-bg { background:url(../../images/pattern/pattern-bg.png) repeat; background-position: top right; background-color: rgba(236, 239, 247, 1); }
/*************************************
  19. tooltip
 **************************************/
.socile-icon-tooltip [data-tooltip], .socile-icon-tooltip .tooltip {
    cursor: pointer;
    position: relative;
}
.socile-icon-tooltip [data-tooltip]::before, .socile-icon-tooltip [data-tooltip]::after, .socile-icon-tooltip .tooltip::before, .socile-icon-tooltip .tooltip::after {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0px, 0px, 0px);
    transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24) 0s;
    visibility: hidden;
}
.socile-icon-tooltip [data-tooltip]:hover::before, .socile-icon-tooltip [data-tooltip]:hover::after, .socile-icon-tooltip [data-tooltip]:focus::before, .socile-icon-tooltip [data-tooltip]:focus::after, .socile-icon-tooltip .tooltip:hover::before, .socile-icon-tooltip .tooltip:hover::after, .socile-icon-tooltip .tooltip:focus::before, .socile-icon-tooltip .tooltip:focus::after {
    opacity: 1;
    visibility: visible;
}
.socile-icon-tooltip .tooltip::before, .socile-icon-tooltip [data-tooltip]::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 6px solid rgba(0, 0, 0, 0);
    content: "";
    z-index: 1001;
}
.socile-icon-tooltip .tooltip::after, .socile-icon-tooltip [data-tooltip]::after {
    background-color: #00a9da;
    border-radius: 3px;
    color: #ffffff;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2;
    padding: 8px;
    text-align: center;
    width: 100px;
    z-index: 1000;
}
.socile-icon-tooltip [data-tooltip]::before, .socile-icon-tooltip [data-tooltip]::after, .socile-icon-tooltip .tooltip::before, .socile-icon-tooltip .tooltip::after, .socile-icon-tooltip .tooltip-top::before, .socile-icon-tooltip .tooltip-top::after {
    bottom: 100%;
    left: 50%;
}
.socile-icon-tooltip [data-tooltip]::before, .socile-icon-tooltip .tooltip::before, .socile-icon-tooltip .tooltip-top::before {
    border-top-color: #00a9da;
    margin-bottom: -12px;
    margin-left: -6px;
}
.socile-icon-tooltip [data-tooltip]::after, .socile-icon-tooltip .tooltip::after, .socile-icon-tooltip .tooltip-top::after {
    margin-left: -50px;
}
.socile-icon-tooltip [data-tooltip]:hover::before, .socile-icon-tooltip [data-tooltip]:hover::after, .socile-icon-tooltip [data-tooltip]:focus::before, .socile-icon-tooltip [data-tooltip]:focus::after, .socile-icon-tooltip .tooltip:hover::before, .socile-icon-tooltip .tooltip:hover::after, .socile-icon-tooltip .tooltip:focus::before, .socile-icon-tooltip .tooltip:focus::after, .socile-icon-tooltip .tooltip-top:hover::before, .socile-icon-tooltip .tooltip-top:hover::after, .socile-icon-tooltip .tooltip-top:focus::before, .socile-icon-tooltip .tooltip-top:focus::after {
    transform: translateY(-25px);
}
/*************************************
  20. separator
 **************************************/
.separator{
    position: relative;
    display: inline-block;
    clear: both;
    background: rgba(0, 0, 0, 0.07) none repeat scroll 0 0;
    bottom: 0;
    height: 1px;
    width: 33%;
}
.separator::before {
  background: #4fc1f0 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 100px;
}
.section-title:hover .separator::before {
  width: 75%;
}
.separator i {
  background: #ECEFF7 none repeat scroll 0 0;
  color: #4fc1f0;
  display: block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: -20px;
  width: 40px;
}
.separator span {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #4fc1f0;
  border-radius: 100%;
  display: block;
  height: 10px;
  position: absolute;
  top: -5px;
  width: 10px;
}
.separator i, .separator span {
  left: 0;
  transform: none;
}
.text-center .separator::before, .text-center .separator i, .text-center .separator span  {
  left: 50%;
  transform: translateX(-50%);
}

.text-right .separator::before, .text-right .separator i, .text-right .separator span  {
  left: auto;
  transform: none;
  right: 0;
}
/*************************
  21. Section title 1 
***********************/
.section-title {}
.section-title h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 24px;
}
.section-title h3 {
    margin-top: 0px;
    line-height: 27px;
}
.section-title p {
    margin-bottom: 0px;
    font-size: 16px;
}
.section-title .title-line { padding: 10px 0 }
.section-title .title-line:before {
    background: #4FC1F0;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 220px;
}
.section-title .title-line:after {
    background: #4FC1F0;
    content: "";
    display: block;
    height: 6px;
    position: relative;
    top: -6px;
    margin: 0 auto;
    width: 60px;
}
/*************************
  22. section title 2 
*************************/
.section-title-2 { margin-bottom: 60px }
.section-title-2 h1 { margin-bottom: 0px }
.section-title-2 h2 {
    margin-top: 0px;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.section-title-2 p {
    margin-bottom: 0px;
    font-size: 16px;
}
.section-title-2 .title-line { padding: 20px 0 15px }
.section-title-2 .title-line:before {
    background: #4FC1F0;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 100px;
}
.section-title-2 .title-line-2:before {
    background: #fff;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 100px;
}
/*==============================================*/


/* Large Screen  */
@media (min-width: 1170px) and (max-width: 1400px) {

.plr-185 {
  padding: 0 30px;
}
.plr-200 {
  padding-left: 45px;
  padding-right: 45px;
}
/*mega-menu*/
.mega-menu-area {
 /* right: -190px;*/
}
/*total-cart*/
.total-cart-pro {
  padding: 0 15px 20px 30px;
}
.top-cart-inner {
  padding: 15px 30px;
}
/*slider*/
.slider-info {
  padding: 40px 50px;
}
.slider-title-1 {
  font-size: 34px;
  line-height: 40px;
}
.slider-img {
  width: 48%;
}
.slider-info {
  width: 58%;
}
/*slick-arrow*/
.slick-arrow-1 .slick-arrow {
  left: -30px;
}
.slick-arrow-1 .arrow-next.slick-arrow {
  right: -30px;
}
/*footer*/
.footer-top-inner {
  padding: 60px;
}
.copyright {
  padding: 0 60px;
}
/* ===== home-2 ====== */


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {

.plr-185 {
  padding: 0 30px;
}
.plr-200 {
  padding-left: 0;
  padding-right: 0;
}
/*slick-arrow*/
.slick-arrow-2 .slick-arrow {
  left: 15px;
}
.slick-arrow-2 .arrow-next.slick-arrow {
  right: 15px;
}
/* --------------- */
/*total-cart*/
.total-cart-pro {
  padding: 5px 15px 20px 30px;
}
.total-cart-pro .single-cart {
  padding: 15px 0 0;
}
.top-cart-inner {
  padding: 10px 30px;
  text-align: center;
}
/*mega-menu*/
.mega-menu-area {
  left: -23%;
  width: 900px;
}
.main-menu > li {
  margin: 0 14px;
}
/*slider*/
.slider-info {
  padding: 30px 50px;    
  width: 70%;
}
.slider-title-1 {
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 8px;
}
.slider-brief p {
  margin-bottom: 20px;
}
.slider-area .slick-arrow-1 .slick-arrow {
  font-size: 35px;
  left: -20px;
}
.slider-area .slick-arrow-1 .arrow-next.slick-arrow {
  left: auto;
  right: -20px;
}
.slider-content-2 .title-container {
  left: 12%;
}
/*up-comming-pro*/
.up-comming-pro-info h3 {
  margin: 25px 0 15px;
}
.up-comming-pro-info {
  padding: 0 20px;
}
.up-comming-pro-info p {
  margin-bottom: 20px;
}
/*pro-tab-menu*/
.pro-tab-menu ul li {
  margin-left: 25px;
}
/*blog*/
.blog-desc p {
  margin-bottom: 10px;
}
.read-more {
  margin-bottom: 10px;
}
.blog-meta li a {
  line-height: 18px;
}

/*footer*/
.footer-top {}
.footer-area .plr-185 {
  padding: 0;
}
.footer-top-inner {
  padding: 60px 15px;
}
.copyright {
  padding: 0 15px;
}
/*slider-2*/
.slider-2 .title-container {
  top: 60%;
}
.slider2-title-1 {
  font-size: 13px;
}
.slider2-title-2 {
  font-size: 36px;
}
.slider2-title-3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.slider2-title-4 {
  font-size: 13px;
  line-height: 21px;
}
.slider-button {
  margin-top: 30px;
}
/*banner-2*/
.banner-title-2 {
  font-size: 16px;
}
.banner-featured-list li {
  font-size: 12px;
}
.banner-featured-list li i {
  margin-right: 5px;
}
.banner-3 .banner-info {
  top: 10%;
}
/*widget sidebar*/
.operating-system input[type="checkbox"] {
  margin: 4px 10px 0 0;
}
.widget-product .product-info {
  padding: 10px 0 0 10px;
}
.widget-product .product-title,
.widget-product .pro-price {
  font-size: 13px;
}
/*shop-list*/
.shop-list .product-info {
  padding: 25px 30px 12px;
}
.shop-list .brand-name.mb-30 {
  margin-bottom: 10px;
}
.shop-list .pro-price {
  font-size: 16px;
  margin-bottom: 10px;
}
.shop-list p {
  margin-bottom: 10px;
}
.about-description {
  margin-top: 20px;
}
.blog-item .blog-desc {
  padding: 20px;
}
.blog-item .blog-desc::before, .blog-item .blog-desc::after {
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 10px;
}
.blog-item .read-more {
  margin-bottom: 10px;
}
.blog-meta li {
  display: inline-block;
  margin-left: 7px;
}
.up-comming-pro-2 .up-comming-pro-img {
  width: 50%;
}
.up-comming-pro-2 .up-comming-pro-info {
  width: 50%;
}


}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

.plr-185 {
  padding: 0 30px;
}
.plr-200 {
  padding-left: 0;
  padding-right: 0;
}
/*slick-arrow*/
.slick-arrow-2 .slick-arrow {
  left: 15px;
}
.slick-arrow-2 .arrow-next.slick-arrow {
  right: 15px;
}
/* --------------- */
.logo img {
  width: 85px;
}
/*mega-menu*/
.mega-menu-area {
  left: -24%;
  width: 700px;
}
.mega-menu-link {
  width: 100%;
}
.mega-menu-photo {
  display: none;
}
.main-menu > li {
  margin: 0 7px;
}
.header-search-inner button.search-toggle {
  padding: 15px;
}
/*total-cart*/
.total-cart-pro {
  padding: 5px 15px 20px 30px;
}
.total-cart-pro .single-cart {
  padding: 15px 0 0;
}
.top-cart-inner {
  padding: 10px 30px;
  text-align: center;
}
/*slider*/
.slider-info {
  height: calc(100% - 40px);
  padding: 15px 50px;
  width: 70%;
}
.slider-title-1 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 5px;
}
.slider-brief p {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 15px;
}
.slider-area .slick-arrow-1 .slick-arrow {
  font-size: 35px;
  left: -20px;
}
.slider-area .slick-arrow-1 .arrow-next.slick-arrow {
  left: auto;
  right: -20px;
}
.slider-content-2 .title-container {
  left: 15%;
}
/*pro-tab-menu*/
.pro-tab-menu {
  text-align: left;
  margin: 0 0 30px;
}
.pro-tab-menu ul li {
  margin-left: 25px;
}
/*blog*/
.blog-desc p {
  margin-bottom: 10px;
}
.blog-item .read-more {
  margin-bottom: 25px;
}
.blog-meta li {
  margin-left: 10px;
}
.blog-meta li a {
  line-height: 18px;
}
.blog-meta li a i {
  margin-right: 8px;
}
/*footer*/
.footer-top {
  background: #f6f6f6 none repeat scroll 0 0;
}
.footer-area .plr-185 {
  padding: 0;
}
.footer-top-inner {
  padding: 60px 15px;
}
.footer-about {
  padding-right: 15px;
}
.footer-brief {
  margin-bottom: 25px;
}
.copyright {
  padding: 0 15px;
}
/* ========== home-2 ========== */
/*slider-2*/
.slider2-title-1 {
  font-size: 13px;
}
.slider2-title-2 {
  font-size: 26px;
}
.slider2-title-3 {
  font-size: 16px;
  margin-bottom: 0px;
}
.slider2-title-4 {
  font-size: 13px;
  line-height: 21px;
}
.slider-button {
  margin-top: 30px;
}
.layer-1-1 img {
  padding-top: 65px;
}
/*banner-2*/
.banner-title-2 {
  font-size: 16px;
}
/*header*/
.sticky {
  position: inherit;
}
.header-2 {
  position: relative;
}
/*footer-top-2*/
.footer-top-2 {
  background: #fff none repeat scroll 0 0;
}
/*shop-list*/
.shop-list .product-info {
  padding: 25px 30px 12px;
}
.shop-list .brand-name.mb-30 {
  margin-bottom: 10px;
}
.shop-list .pro-price {
  font-size: 16px;
  margin-bottom: 10px;
}
.shop-list p {
  margin-bottom: 20px;
}
/*shop-pagination*/
.shop-pagination {
  margin-bottom: 30px;
}
hr {
  margin: 20px 0;
}
/*cart-tab*/
.cart-tab {
  text-align: center;
}
.cart-tab li {
  display: inline-block;
  margin-bottom: 100px;
  width: 20%;
}
.cart-tab li::before {
  height: 50%;
  left: 100%;
  top: 5%;
  width: 2px;
}
.payment-details {
  margin-top: 30px;
}
/*404*/
.go-to-btn {
  bottom: 18%;
  right: 22%;
}
.bg-shape::before {
  height: 180px;
  margin-top: -85px;
  transform: skewY(-20deg);
}
/*blog-details*/
.widget-search {
  margin-top: 30px;
}
.new-customers {
  margin-top: 60px;
}

/* =========== */
.logo {
  padding: 38px 0;
}
.logo img {
  width: 100px;
}
.sticky .logo {
  padding: 38px 0;
}
.header-search {
  padding: 38px 0 5px;
}
.header-search-2 {
  padding: 38px 0 10px;
}
.sticky .header-search {
  padding: 34px 0 15px;
}
.top-search-box {
  height: 40px;
  opacity: 1;
  visibility: visible;
  width: 280px;
}
.header-search-inner:hover .top-search-box {
  right: 0;
  width: 280px;
}
.sticky .header-search-inner:hover .top-search-box {
  width: 280px;
}
.header-search-inner button.search-toggle {
  padding: 10px 15px;
}

.total-cart {
  padding: 20px 0 0;
}
.sticky .total-cart {
  padding: 20px 0 0;
}

.header-2 .sticky {
  background: #fff;
}
.sticky .user-meta > li {
  margin-top: 30px;
}
.user-meta > li > a {
  padding: 15px 0 27px 20px;
}
.sticky .user-meta > li > a {
  padding: 15px 0 27px 20px;
}


}

 
/* small mobile :320px. */
@media (max-width: 767px) {
.products.style1.new .product .featured {
  height:75%;
}
.products.style1.new .product .visual{
  height:75%;
}
/*slick-arrow*/
.slick-arrow-2 .slick-arrow {
  left: 15px;
}
.slick-arrow-2 .arrow-next.slick-arrow {
  right: 15px;
}
/* --------------- */


.plr-185 {
  padding: 0px;
}
.plr-200 {
  padding-left: 0;
  padding-right: 0;
}
.mb-80 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 30px;
}
.section-title h2 {
  font-size: 16px;
  line-height: 20px;
}
.section-title h6 {
  font-size: 11px;
  line-height: 15px;
}
.product-title {
  font-size: 13px;
}
/* ----------------- */
.top-link > ul.link {
  float: none;
  line-height: 1;
  text-align: center;
}
.top-link > ul.link > li {
  display: inline-block;
  float: none;
}
.header-middle-area {
  position: static;
}
.logo {
  padding: 20px 0 10px;
  text-align: center;
}
.sticky .logo {
  padding: 20px 0 10px;
}
.logo img {
  width: 158px;
}

/*header-search & total-cart*/
.search-top-cart {
  margin-bottom: 6px;
}
/*header-search*/
.header-search {
  padding: 20px 0;
}
.sticky .header-search {
  padding: 20px 0 0;
}
.header-search-inner::before {
  display: none;
}
.header-search-inner button.search-toggle {
  opacity: 0;
  padding: 0;
  visibility: hidden;
  z-index: -9;
}
.top-search-box {
  height: 40px;
  opacity: 1;
  visibility: visible;
  width: 220px;
}
.sticky .top-search-box {
  height: 40px;
  top: -5px;
}
.header-search-inner:hover .top-search-box {
  opacity: 1;
  right: 0;
  visibility: visible;
  width: 220px;
}
.sticky .header-search-inner:hover .top-search-box {
  width: 220px;
}
.top-search-box > input {
  padding: 0 0 0 10px;
}
.top-search-box > button {
  width: 30px;
}
/*total-cart*/
.total-cart {
  margin-right: 15px;
  padding: 14px 0 0;
}
.sticky .total-cart {
  padding: 14px 0 0;
}
.total-cart-in {
  padding: 0 0 12px;
}
.sticky .total-cart-in {
  padding: 0 0 12px;
}
.top-cart-inner {
  padding: 10px 30px;
  text-align: center;
}

.products.product-grid-2, .sectionHalf.visualRight .products.product-grid-2 {
  margin:15px;
}

.total-cart-in > ul {
  right: -10px;
  width: 280px;
}
.total-cart-pro {
  padding: 0 10px 15px 15px;
}
.total-cart-pro .single-cart {
  padding: 15px 0 0;
}
.cart-img {
  width: 30%;
}
.cart-img img {
  width: 100%;
}
.cart-info {
  padding: 3px 0 0 10px;
  width: 70%;
}
.cart-info h6 {
  font-size: 13px;
  margin-bottom: 5px;
}
.top-cart-inner h5, .top-cart-inner h4 {
  font-size: 13px;
}

.mean-container .mean-nav ul li.mean-last {
  margin-bottom: 20px;
}
.header-2 .sticky {
  background: #fff none repeat scroll 0 0;
}

/*slider*/
.slider-info {
  height: calc(100% - 30px);
  padding: 5px 10px;
  width: 70%;
}
.slider-title-1 {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 5px;
}
.slider-brief p {
  display: none;
}
.slider-area a.button.extra-small span {
  font-size: 10px;
  line-height: 20px;
  padding: 2px 18px;
}
.slider-area .slick-dots-1 .slick-dots {
  display: none !important;
}
.slider-area .slick-arrow-1 .slick-arrow {
  font-size: 25px;
  left: 0;
}
.slider-area .slick-arrow-1 .slick-arrow {
  color: #666666;
}
.slider-area .slick-arrow-1 .arrow-next.slick-arrow {
  left: auto;
  right: 0;
}
/*up-comming-pro*/
.up-comming-pro {
  margin-bottom: 40px;
}
.up-comming-pro-img {
  width: 100%;
}
.up-comming-pro-info {
  padding: 0 15px 20px;
  width: 100%;
}
.up-comming-pro-info h3 {
  margin: 30px 0 20px;
}
.up-comming-pro-info p {
  margin-bottom: 25px;
}
.up-comming-time .cdown {
  margin-right: 15px;
}
/*banner*/
.banner-featured-list li {
  font-size: 10px;
  line-height: 20px;
}
/*pro-tab-menu*/
.pro-tab-menu {
  text-align: left;
  margin: 0 0 30px;
}
.pro-tab-menu ul li {
  margin-bottom: 5px;
  margin-left: 20px;
}
.pro-tab-menu ul li a {
  font-size: 13px;
}
/*blog*/
.blog-item .blog-desc {
  padding: 20px;
}
.blog-item .blog-desc::before, .blog-item .blog-desc::after {
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 10px;
}
.blog-item .blog-desc p {
  margin-bottom: 10px;
}
.blog-item .read-more {
  margin-bottom: 5px;
}
.blog-item .blog-meta li {
  margin-left: 10px;
}
.blog-meta li:first-child {
  margin-left: 0;
}
.blog-item .blog-meta li a {
  line-height: 18px;
  font-size: 11px;
}
.blog-meta li a i {
  font-size: 11px;
  margin-right: 5px;
}
/*footer*/
.footer-top {
  background: #f6f6f6 none repeat scroll 0 0;
}
.footer-area .plr-185 {
  padding: 0;
}
.footer-top-inner {
  padding: 60px 15px;
}
.footer-about {
  padding-right: 15px;
}
.footer-brief {
  margin-bottom: 25px;
}
.footer-title {
  margin: 30px 0 10px;
}
.footer-menu li a {
  line-height: 24px;
}
.footer-menu li a span {
  font-size: 11px;
}
.copyright {
  padding: 0 15px;
}
.copyright-text p {
  text-align: center;
}
.footer-payment {
  padding: 0 0 15px;
  text-align: center;
}
/*modal-product*/
.modal-product .product-images {
  width: 100%;
}
.modal-product .product-info {
  padding: 15px 0;
  width: 100%;
}
.modal-product .product-info h1 {
  font-size: 18px;
}
/* ============= home-2 ============= */
.banner-section .col-md-4 {
  margin-bottom: 30px;
}
.banner-section .col-md-4:last-child {
  margin-bottom: 0px;
}
.up-comming-pro-2 .up-comming-pro-img {
  width: 100%;
}
.up-comming-pro-2 .up-comming-pro-info {
  width: 100%;
}
.top-link > ul.link {
  margin-right: 0;
}
/*slider-2*/
.slider2-title-1,
.slider2-title-4,
.nivo-controlNav {
  display: none;
}
.slider2-title-2 {
  font-size: 13px;
}
.slider2-title-3 {
  font-size: 10px;
  margin-bottom: 0;
}
.slider-button {
  margin-top: 10px;
}
.layer-1-1 img {
  padding-top: 30px;
}
.slider-desc-3 {
  margin: auto;
  width: calc(100% - 15%);
}
/*banner-2*/
.banner-title-2 {
  font-size: 16px;
}
/*header*/
.sticky {
  position: inherit;
}
.header-2 {
  position: relative;
}
.header-account-2 .user-meta > li > a {
  padding: 15px 0 20px 10px;
}
.header-account-2 .user-meta > li {
  margin-top: 10px;
}
.total-cart-2 .cart-toggler > a {
  padding-left: 15px;
}
/*footer-top-2*/
.footer-top-2 {
  background: #fff none repeat scroll 0 0;
}
.footer-menu-2 li {
  margin-bottom: 10px;
  margin-right: 10px;
}
.footer-menu-2 li a {
  font-size: 13px;
}
.copyright-text-2 {
  padding: 14px 0 0;
}
/*newsletter*/
.newsletter-title {
  font-size: 16px;
}
.newsletter-info p {
  font-size: 13px;
  line-height: 21px;
}
.subcribe input {
  width: 100%;
}
.subcribe .submit-btn-2 {
  border-left: 0 none;
  border-top: 2px solid #ccc;
  width: 100%;
}
/*shop-list*/
.shop-list .product-info {
  padding: 25px 30px 12px;
}
.shop-list .brand-name.mb-30 {
  margin-bottom: 10px;
}
.shop-list .pro-price {
  font-size: 16px;
  margin-bottom: 10px;
}
.shop-list p {
  margin-bottom: 20px;
}
.shop-list .product-img {
  padding-right: 0;
  width: 100%;
}
.shop-list .product-info {
  padding: 20px 15px;
  width: 100%;
}
.shop-tab, .short-by, .showing {
  width: auto;
}
.shop-option {
  padding: 10px 15px;
}
.shop-tab > li {
  margin-right: 0;
}
.shop-content .showing {
  display: none;
}
.short-by > span {
  margin-right: 0;
}
.short-by select {
  padding-left: 0;
}
.short-by {
  float: right;
}
/*breadcrumbs-title*/
.breadcrumbs-title {
  font-size: 20px;
  padding: 50px 0 30px;
}
.breadcrumb-list {
  text-align: center;
}
.breadcrumb-list > li {
  font-size: 10px;
}
/*shop-pagination*/
.shop-pagination {
  margin-bottom: 30px;
}
hr {
  margin: 20px 0;
}
.imgs-zoom-area {
  margin-bottom: 30px;
}
.single-pro-color-rating .pro-rating {
  float: left;
  margin-top: 10px;
}
.plus-minus-pro-action .sin-pro-action {
  float: left;
  margin-top: 20px;
}
.cart-tab {
  margin-bottom: 50px;
}
.cart-tab li {
  margin-bottom: 50px;
}
.cart-tab li::before {
  height: 1px;
  top: 125%;
  width: 40%;
}
.cart-tab li a span {
  margin: auto auto 10px;
}
/*404*/
.error-404 {
  padding: 0 0 100px;
}
.go-to-btn {
  bottom: 30px;
  right: 20%;
}
/*blog-details*/
.blog-details-photo {
  padding: 0;
}
.today-date {
  bottom: 0;
  height: 50px;
  left: 0;
  width: 60px;
}
.meta-date {
  font-size: 20px;
  line-height: 16px;
  padding-top: 10px;
}
.meta-month {
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
  padding-top: 5px;
}
.blog-like-share li + li {
  margin-left: 10px;
}
.share-tags-title {
  margin-right: 20px;
}
.blog-tags-list li + li {
  margin-left: 8px;
}
.blog-share {
  margin-bottom: 15px;
}
.media-left {
  padding-right: 10px;
}
.blog-section-title {
  font-size: 16px;
}
.reply-delate {
  float: left;
  margin-bottom: 10px;
}
.widget-search {
  margin-top: 30px;
}
/*checkout*/
.checkout-content {
  padding: 30px 15px;
}
.billing-details.pr-10 {
  padding-right: 0;
}
.billing-details.p-30 {
  padding: 15px;
}
.new-customers.p-30 {
  padding: 15px;
}
.payment-details {
  margin-top: 30px;
  padding: 10px;
}
.order-info-list li {
  border-right: 0 none;
  padding: 0 15px;
}
.order-info-list li h6 {
  margin-bottom: 0;
}
.order-info-list li + li {
  margin-top: 20px;
}
.bill-address li span {
  margin-right: 5px;
  width: auto;
}
.bill-details {
  margin-bottom: 10px;
}
.address-section .col-xs-12 + .col-xs-12 {
  margin-top: 30px;
}
.message-box {
  padding: 40px 15px;
}
.nivo-directionNav a {
  font-size: 20px;
  right: 20px;
  top: 40%;
}
.nivo-nextNav {
  margin-top: 30px;
}
.nivo-nextNav::before {
  display: none;
}
.banner-3 .banner-button {
  margin-top: 5px;
}
.product-item-2 .product-info {
  text-align: center;
}
.product-item-2 .action-button {
  text-align: center;
}
.subcribe {
  width: calc(100% - 20px);
}
.login-account {
  padding: 30px 15px;
}
.new-customers {
  margin-top: 60px;
}
.submit-btn-1.f-right {
  float: left;
}
.new-customers .p-30 {
  /*padding: 15px;*/
}
.blog-option .option-btn {
  margin-left: 10px;
}
.blog-option .dropdown:nth-child(2) .dropdown-menu {
  left: -90%;
}
.blog-option .dropdown:nth-child(3) .dropdown-menu {
  left: auto;
  right: -15px;
}
.top-search-box input[type="text"]:focus {
    border: medium none;
}


.top-search-box > input {
  margin-bottom: 0;
  padding: 0 0 0 10px;
}


}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}


.top-search-box {
  width: 380px;
}
.header-search-inner:hover .top-search-box,
.sticky .header-search-inner:hover .top-search-box {
  width: 380px;
}
.pro-tab-menu ul li {
  margin-bottom: 0;
}
.go-to-btn {
  right: 30%;
}
.bg-shape::before {
  height: 150px;
  margin-top: -63px;
  transform: skewY(-16deg);
}


}

 @media (max-width:1626px){
    #primary-menu ul li a{
      font-size: 12px;
    }
    .main-menu > li{
      margin: 0 8px !important;
    }
 }

/* Large Screen (1920)  */
@media (min-width: 1601px) {
.boxed-layout .wrapper {
    width: 1780px;
}
.boxed-layout .sticky {
    width: 1780px;
}


}

/* Large Screen (1600)  */
@media (min-width: 1401px) and (max-width: 1600px) {
.boxed-layout .wrapper {
    width: 1480px;
}
.boxed-layout .sticky {
    width: 1480px;
}

	
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
.boxed-layout .wrapper {
    width: inherit;
}
.boxed-layout .sticky {
    width: 100%;
}

	
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.boxed-layout .wrapper {
    width: inherit;
}
.boxed-layout .sticky {
    width: 100%;
}


}

/* small mobile :320px. */
@media (max-width: 767px) {
.boxed-layout .wrapper {
    width: inherit;
}
.boxed-layout .sticky {
    width: 100%;
}
	
	
}

@media (max-width: 767px) {
  .xvBanners.style1 .xvBanner{
    width: 33.333%;
    float: right;
    height: 120px;
  }

  .select2.form-control{
    font-size:11px;
  }

  .xvBanners.style1 .xvBanner i{
    font-size:20px !important;
    margin-bottom:0px !important;
  }
  .xvBanners.style1 .xvBanner span{
    font-size: 1.1rem !important;
  }

  .xvAccountInfo .tabss li.active, .xvAccountInfo .tab-pane.opened .accorTrigger, .xvAccountInfo .tabs li.active, .xvAccountInfo .tab-pane.opened .accorTrigger{
    display:none;
  }

  .mainSlider.style1 .slide{
    height:144px;
  }
  
  .xvBanners.style1 .xvBanner .head{
    margin-top: 0px !important;
  }
  
  .xvBanners.style1 .xvBanner .tag{
    line-height:10px;
  }

  .sectionHalf .visualdiv{
    height:43% !important;
  }

  .sectionHalf.visualRight .content .wrap, .sectionHalf.visualLeft .content .wrap{
    padding:10px 25px 10px 25px;
  }

  .sectionHalf:nth-child(2){
    margin-top:200px;
  }

  .doc-footer{
    height:auto !important;
    margin-top:-15px !important;
    padding: 60px 0px 60px 0px !important;
    text-align:center;
  }

  .doc-footer .btn-default-inverted{
    margin-bottom:30px !important;
  }

  .footer-brand{
    margin-top:30px;
  }

  .products.style2.product-grid-2.clearfix{
    margin-top:0px !important;
  }

  .homeSecondSection{
    margin-top:300px;
    margin-bottom:550px;
  }
  
  .xvBlogWrap.style1 .xvBlogPost{
    margin: 0px 0px !important;
  }
}