/* =====//   Responsive Media Queries   \\===== */
@media (max-width:1500px) {
.transaction-product ul li {    padding-right: 30px; }


}
@media (max-width:1365px) {
#navbar ul.navbar-nav li{padding:24px 9px 18px 9px;}
/*----  User Account  --------*/
.inner-tab-content {    padding: 50px 20px; }
.accountform .col-form-label {    padding: 18px 15px 0px 0px; } 
.accountform .picturelabel {    padding-top: 60px; }
.shopping-update a.btn-anchor {    min-width: 120px;font-size:16px;}
.transaction-title {    padding: 40px 15px; }
.transaction-product {
  width: -moz-calc(100% - 124px);
  width: -webkit-calc(100% - 124px);
  width: -o-calc(100% - 124px);
  width: calc(100% - 124px);
}
.transaction-product ul li {    padding-right: 25px; }
.transaction-detail {    padding: 40px 25px; } 
 
.sidebar-area { max-width:250px; }
.order-side-panel{max-width:350px; }
}

@media (max-width:1199px) {
  #navbar{padding-left:15px;}
  #navbar ul.navbar-nav li{padding:24px 5px 18px 5px;}
  .search-form{width:180px;}
  #navbar ul.navbar-nav li a{text-transform:capitalize;}
  .notification-item{margin:22px 8px 0 14px}
  .kit-price{margin:14px 0;}
  .kit-purchas{margin-bottom:12px;}
  .wrap-widget p{font-size:16px;line-height:23px;}
  .wrap-kit .btn {font-size: 18px;padding: 12px 15px;}
  /*----  User Account  --------*/
  .tabs-content-main .btn { font-size: 16px;   min-width: 170px;   }
  a.btn-anchor {    line-height: 50px; }
  .shopping-update a.btn-anchor { display:block; margin-bottom:5px;  }

  .transaction-product h3.sm, .transaction-product span {    font-size: 16px; }
  .transaction-product ul li {    padding-right: 18px; }
  .transaction-product h2 {    font-size: 24px; margin-bottom:5px; }
  .transaction-detail {    padding: 40px 15px; }
  .transaction-button .btn.large {  font-size: 15px; margin-bottom: 10px; }
  .product-price {    padding-right: 0; }
  .product-count {    width: 7%; }
  .product-content {    width: 93%; }

  .order-side-panel {max-width: 283px;}
  .contact-info{padding:35px 30px 15px 30px}
}

@media (max-width:991px) {
  .container {max-width: 100%;}

  #navbar ul.navbar-nav li{padding:24px 5px 18px 5px;}
  .utility-wrapper >ul>li{padding:17px 4px;}

  .notification-item, .user-menu{margin:0px;}

  .search-form {width: 100%;position: absolute;top: 70px;left: 0px;margin: 0px;padding:5px 0;background:#fff;display:none;}
  .search-form form input[type='text']{border-radius:0px;padding:10px 12px 10px 35px;font-size:16px;line-height:27px;}
  .search-form form button[type='submit']{font-size:18px;line-height:49px;}
  .dropdown-toggle::after{display:none;}
  /*----  User Account  --------*/
  .inner-tabs-title .nav-tabs .nav-link {    padding: 15px 15px 15px;    font-size: 18px; }
  .inner-tabs-title .nav-tabs .nav-link:after {    font-size: 20px;    right: 15px; }

  .profilepicture {    padding-right: 15px; }
  .profilepicture figure {    max-width: 120px; }
  .tabs-content-main .btn {    font-size: 14px;    min-width: 140px;    height: 45px; line-height:12px;} 
  .accountform .col-form-label {    padding: 18px 0px 0px 0px;}
  .accountform .picturelabel {    padding-top: 50px; }
  .accountform .col-form-label { font-size:16px; }
  .accountform .form-control {    font-size: 18px; }
  .accountform .form-group {    margin-bottom: 20px; }

  .accountform.addnewaddress .btn {  min-width: 140px; }
  .shopping-update a.btn-anchor{line-height:24px;}

  .tabs-content-main .profilebutton .btn.large {font-size: 16px;padding: 0 16px;line-height: 45px;height: 45px;}

  .order-side-panel{padding:24px 18px 12px 18px;max-width: 226px;}
  .order-info ul li{padding:8px 0;}
  .order-info ul li div{font-size:16px;}
  .product_field, .product-section, .custom_wapp{padding:24px 20px;}
  .payment-info {    margin-top: 24px; } 
  .transaction-product span, .transaction-product h3.sm {    font-size: 14px; }
  .transaction-product ul li {    padding-right: 8px; }
  .transaction-image figure {    width: 90px; height:90px;  }
  .transaction-product {width: -moz-calc(100% - 105px);width: -webkit-calc(100% - 105px);width: -o-calc(100% - 105px);width: calc(100% - 105px);}
  .transaction-button .btn.large {    font-size: 12px; } 

  .sidebar-area { max-width:220px; }
  .contact-info {padding: 24px 20px 10px 20px;}
}

@media (max-width:767px) {
  .container, .padding-md-up-0 {padding-left:0px;padding-right:0px}
  .pt-md-up-0{padding-top:0px;}

  .container .row{margin-left:0px;margin-right:0px;}
  .sidebar-area{background:#f5f5f5;}
  #navbar{padding-left:0px;width:100%;}
  #navbar ul.navbar-nav{width:100%;padding:10px 0; border-bottom: 1px solid #eaeaea;}
  #navbar ul.navbar-nav li{width:100%;padding:0px 29px;}
  #navbar ul.navbar-nav li a{line-height:21px;display:block;text-transform: uppercase;}
  .inner-wrapper{padding:0px;}
  .sidebar-area, .order-side-panel{max-width:100%;padding:0px;float:left;width:100% !important; position: initial !important; }
  .wrap-kit h2{max-width:415px;}
  nav.navbar{text-align:center;}
  .site_logo{float:none;display:inline-block;padding:20px 0;}
  .wrap-kit{padding:0 35px;background:#fff;margin-bottom:20px;}
  .wrap-widget{padding:30px 35px 15px 35px;background:#fff;margin-bottom:20px;;background:#fff;margin-bottom:20px;border-bottom:0px;}
  .content-area{padding:30px 20px 15px 20px;}


  .utility-wrapper{width:100%;float:left;padding:0 24px;border-bottom: 1px solid #eaeaea;}
  .utility-wrapper>ul{width:100%;}
  /* .utility-wrapper >ul>li{width:20%;text-align:center;padding:11px 8px;} */
  .utility-wrapper >ul>li{width:33%;text-align:center;padding:11px 8px;}
  .notification-item, .user-menu{float:none;display:inline-block;position:static;}

  .utility-wrapper .dropdown-menu{width:100%;left:0px;top:58px;position:absolute;margin-top:6px;}
  .navbar-toggler:focus{outline:none;}
  .featured-products{padding:30px 0px 0 0px; }
  /*----  User Account  --------*/

  .tabs-content-main {    padding-bottom: 0; }
  .author-banner { display:none; }
  .inner-wrapper {   padding:0px; }
  .tabs-title .nav-tabs {    text-align: center; }
  .tabs-title .nav-tabs .nav-link {    padding: 18px 20px; }
  .profilebutton { float:left; width:100%; }
  .accountform .btn { width:100%; font-size:18px; height:50px;  }
  .profilebutton .custom-file-upload { margin:15px 0px 10px}
  .profilepicture figure {    max-width: 100px; }
  .accountform .col-form-label {    padding: 14px 0px 0px 0px;}
  .accountform .picturelabel {    padding-top: 40px; }

  .accountform .form-group.row { margin-bottom:20px; }
  .inner-tab-content {    padding: 35px 20px; }
  #yourtransactions .tab-content-title{padding:34px 20px}
  #yourtransactions .tab-content-title h1{margin-bottom:0px;}
  .tabs-content-main {    background: #fff; }
  .inner-tabs-title { background:#f8f8f8; float:left; padding:20px 0px;  }
  .spanlabel {    font-size: 18px; }

  /*==========	Select_Dropdown 	==========*/
  .dropdown_menu h3{display:block;}
  .dropdown_menu{width:100%;position:relative;float:left; background:#fff;  }
  .dropdown_menu h3{margin:0px;display:block; }
  .dropdown_menu h3 a{font-size: 18px;color: #444444; padding: 7px 15px 7px 15px;line-height: 40px;display:block; border: 1px solid #c8cacc;position:relative;}
  .dropdown_menu h3 a:hover{text-decoration:none;}
  .dropdown_menu h3 a:after {position: absolute;    content: '\f0d7';    font-family: fontawesome;    font-size: 20px;    right: 15px;    color: #d8d8d8;}
  .dropdown_menu ul{width:100%; position: absolute; background:#eceef1;border: 1px solid #c8cacc;border-top:0px;display:none; z-index:999;padding:0px;}
  .dropdown_menu h3 img , .menu-tab .tabs-title figure img{opacity: 0.42;max-height: 40px;margin-right: 10px;vertical-align: -11px;float:left}
  .menu-tab .tabs-title figure{vertical-align:0px;}
  .menu-tab.tabs.vertical .tabs-title{padding:8px 0px;}
  .menu-tab .tabs-title a{font-size: 30px;padding: 7px 8px 7px 11px;line-height: 45px;}
  .inner-tabs-title .nav-tabs .nav-link:after { display:none; }
  /*==========	Select_Dropdown 	==========*/

  .address { width:100%;  }
  .shopping-address ul li {  padding: 25px 0px; }
  .shopping-update { width:100%; margin-top:15px; }
  .shopping-update a.btn-anchor {    display: inline-block;    margin-bottom: 0px; }
  .addaddress a.btn-anchor {  display: block; min-width:inherit;  }
  .accountform.addnewaddress .btn { width:49%; min-width:inherit; }
  .accountform.addnewaddress .btn:last-child {  margin-left: 0.8%; }
  .tab-pane .inner-tab-content:first-child {   margin-bottom: 0px; }
  .address span {    font-size: 20px;  line-height: 25px;}
  .productbox{margin-bottom:0px;}
  .order-side-panel{padding:35px 35px 15px 35px;}
  .order-info ul li{padding:12px 0;}
  .order-info ul li div{font-size:20px;}
  .product_field{padding:0px;border-bottom:0px;margin-bottom:24px;}
  .product_field figure{width:100%;height:auto;}
  .product_field figure img{width:100%;display:block;height:auto;}
  .product-title{width:100%;padding:24px 36px 10px 35px;}
  .product_field .price{width:100%;padding:5px 36px 24px 35px;}
  .product_field .price span{display:inline-block;}
  .product-section, .custom_wapp{padding:35px 36px;}
  .product-section{border-bottom:0px;margin-bottom:24px;}
  .another-order{background:none;padding:0px 15px 24px 15px;}

  .site_main_content{padding:20px 0 25px 0;}
  .site_main_content .dropdown_menu{padding:0;}
  .site_main_content .content-area{padding:30px 10px}

  .dropdown_menu ul.sidebar_nav, ul.sidebar_nav li{padding:6px 0;}
  ul.sidebar_nav li a{font-size:18px;line-height:21px;padding:0 15px}

  /* transaction */
  .transaction-detail { padding: 0px; }

  .transaction-detail, .transaction-product .list-unstyled{ display:none; }
  .order-btn{  }
  .order-btn{ width: 100%; float: left; display:block; padding: 15px 0 0; }
  .order-btn p{ display: inline-block; text-transform: capitalize; }

  .tabs-content-main .order-btn a.btn{float:right;line-height:22px;}
  .transaction-title {padding: 0;margin-bottom:0px;background: #fff; border-bottom: 0px;}
  .transaction-image { width:100%; }
  .transaction-product { width:100%; padding:14px 20px 18px 20px; }
  .transaction-product h2 {    font-size: 30px;}
  .transaction-product ul li { padding: 10px 0px 30px; width:49%;   }
  .transaction-product span {    font-size: 22px; }
  .transaction-product h3.sm {    font-size: 22px; }
  .transaction-button .btn.large {    font-size: 15px; }

  .payment-info { max-width:100%; background:#fff;padding:22px 20px 16px 20px;}

  .tabs-content-main.tabs-content-bg { background-color:#f8f8f8; }
  .product-image { display:flex; }
  .product-price { float:left; width:100%; padding-left:65px; }
  .product-price span { font-weight:300; font-size:18px; }

  .product-image figcaption span {    padding: 5px 0px;    display: block; }

  .transaction-button { padding:25px 5px 10px;}
  .product-content {    display: inherit; }

  .transaction-image figure {    width: 100%;    height: auto; padding-bottom:15px;  }
  .transaction-image figure img {    width: 100%;    height: auto; }
  .product-details ul li{margin:10px 0px 16px;}
  #yourtransactions, .transaction-content{background:#f8f8f8;margin-bottom:0px}
  .transaction-content{margin-bottom:20px;}
  .order-details {background: #fff;padding: 20px 20px 0 20px;border-bottom: none;}
  .shipping-info{background:#fff;padding:24px 20px;}
  .shipping-payment{padding-top:0;}
  .tab-content{padding-bottom:0px;}
  .payment-info { margin-top: 0px; }
  .contact-info {padding: 35px 30px 15px 30px;margin-top:20px;}
}

@media (max-width:640px) {
  .site_logo{max-width:250px;}

  ul.footer-nav{margin-bottom:18px}
  ul.footer-social-nav,ul.footer-nav{width:100%;text-align:center;}

  .order-side-panel{padding:24px 18px 12px 18px;}
  .order-info ul li{padding:8px 0;}
  .order-info ul li div{font-size:16px;}
  .product-section, .custom_wapp{padding:24px 20px;}
  ul.address_information{padding-left:48px;}


  [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select, select.form-control{padding:10px 12px;}
  .title-field label{line-height:43px;}
  .custom-radio label{height:25px;padding-left:40px;}
  .cc-icon{padding-left:15px;}
  .cc-icon img{height:23px;}
  ul.address_information{padding-left:40px;}
  .product-title, .product_field .price{padding-left:20px;padding-right:20px;}

  /* transaction */
  .product-image figure img { width:43px;  }
  .transaction-product h2{font-size:24px;}
  .transaction-product span,.transaction-product h3.sm, .payment-info li, .shipping-info span{    font-size: 18px; }
  .payment-info li span{padding-right:0px;}

  .contact-form-content{padding:28px 5px}
  .contact-info {padding: 28px 20px 15px 20px;}
}

@media (max-width:567px) {
.wrap-kit,.wrap-widget{padding-left:15px;padding-right:15px;}
.content-area{padding-left:0px;padding-right:0px;}
.feature-desc p{font-size:18px;line-height:23px;}
ul.style-type-dot li{font-size:18px;padding-left:30px;}
.feature-desc{margin-bottom:26px;}
ul.card-table li .title-field{width:100%;text-align:left;padding-right:0px;}
.title-field label{line-height:normal;margin-bottom:8px;display:block;}
ul.card-table li .input-field{ width: -moz-calc(100% - 0px);width: -webkit-calc(100% - 0px);width: -o-calc(100% - 0px);width: calc(100% - 0px);padding-left: 0px;}
.product-section figure{max-width:85px;}
.product-se-desc {width: -moz-calc(100% - 100px);width: -webkit-calc(100% - 100px);width: -o-calc(100% - 100px);width: calc(100% - 100px);}
/* transaction */
.product-count {    width: 13%; }
.product-content {    width: 87%;}


.transaction-product ul li { padding: 10px 0px 10px; }
.transaction-product {padding: 14px 15px 18px 15px;}


}
	
@media (max-width:479px) {
	
.utility-wrapper{padding:0 10px;}
.utility-wrapper ul li img.img-responsive{max-width:30px;}
.search-form{top:55px;}
.utility-wrapper .dropdown-menu{top:49px;}
.card-wrap .card-block{padding:16px 15px;}

.order-btn p{font-size:14px;}
.tabs-content-main .order-btn a.btn{height:auto;font-size:12px;padding:4px 12px;}
/*----  User Account  --------*/

.tabs-title .nav-tabs .nav-link {    padding: 18px 6px; } 
.tabs-title .nav-tabs .nav-link,.dropdown_menu h3 a,.inner-tabs-title .nav-tabs .nav-link {     font-size: 16px; }
.accountform .btn { font-size: 15px; } 
.dropdown_menu h3 a {     line-height: 30px;  }
.inner-tabs-title .nav-tabs .nav-link {   padding: 10px 15px 10px;  }
.accountform .col-form-label {    padding: 10px 0px 0px 0px; }
.accountform .picturelabel {    padding-top: 40px ; }
.shopping-update a.btn-anchor {    margin-bottom: 5px; }


.product-section label{font-size:18px;}
ul.address_information li{font-size:16px;}

.site_main_content .dropdown_menu {padding: 0px;}
p.lead{font-size:16px;line-height:23px;}
.site_main_content .content-area{padding:24px 0;}
/* transaction */

#yourtransactions .tab-content-title {padding: 24px 20px;}
/*
h1 {font-size: 31px;}
h2 {font-size: 26px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

h1.sm {font-size:28px;}
h2.sm {font-size: 26px;}
h3.sm {font-size: 22px;}
*/

}