/*
 Theme Name:   CustomStrap
 Theme URI:    https://www.livecanvas.com/customstrap/
 Description:  A child theme for UnderStrap, bringing some cool options in the Customizer and a built in SCSS compiler to roll your own BootStrap
 Author:       LiveCanvas.com
 Author URI:   https://www.livecanvas.com
 Template:     understrap
 Version:      2.6.3
 Text Domain:  customstrap
 License: GPL-2.0
 License URI: http://www.opensource.org/licenses/gpl-license.php
*/.tabs {    width: 100%;    height: auto;    margin: 0 auto;    background-color: #fbfbfb;    border: 1px solid #d9d9d9;    box-shadow: 4px -3px 0px 1px #fdf9f9;}
.tabs ul{		list-style:none;	padding-right: 30px;}
/* tab list item */
.tabs .tabs-list{    list-style:none;    margin:0px;    padding:0px;}
.tabs .tabs-list li{    width:105px;    float:left;    margin:0px;    margin-right:1px;    padding:14px 2px;    text-align: center;font-size: 15px;    background-color:#34B1EB;}
.tabs .tabs-list li:hover{    cursor:pointer;}
.tabs .tabs-list li a{    text-decoration: none;    color:white;}
/* Tab content section */
.tabs .tab{    display:none;    width:96%;    min-height:250px;    height:auto;    border-radius:3px;    padding:20px 15px;    color:darkslategray;    clear:both;}
.tabs .tab h3 {    border-bottom: 1px solid #d7d7d7;    letter-spacing: 1px;    font-weight: normal;    padding: 5px;    margin-bottom: 20px;}
.tabs .tab p{    line-height:20px;    letter-spacing: 1px;}
/* When active state */
.active{    display:block !important;}
.tabs .tabs-list li.active{    background-color:#ffffff !important; box-shadow: -1px 3px 4px 0px #e5e5e5;   color:black !important;}
.active a{    color:black !important;}
.tabs .item-wrapper {    display: table;    width: 100%;	border-bottom: 1px solid #f1f1f1; box-shadow: 2px 2px 2px #fff;}
.tabs .item-name {    text-transform: capitalize;  display: table-cell;    line-height: 40px;    vertical-align: middle;	float: left;}
.tabs .item-quantity {    text-align: right;    vertical-align: middle;    color: #C8C8C8;    font-size: 36px;    line-height: 47px;    display: table-cell;	float:right;}
.tabs .qty-change input {    width: 42px;    height: 34px;    padding: 0;    text-align: center;    display: inline-block;    margin: 0 4px 0 0;    border: 1px solid #d8d8d8;}
.content-right{border-left: 1px solid #e9e9e9;}
.cart-summary-container{width: 100%!important;}
.details p {
    margin-bottom: 10px;
}
.tabs.custom .tabs-list li {
    width: 96px;
}

.modal-header .close {
  display:none;
}

.page-id-96 .hero h1, .page-id-110 .hero h1 {

    top: 15%;

}

.controls {
    background-color: #0000009e;
    padding: 40px;
    color: #fff;
	box-shadow: 1px 2px 4px 2px #4646463d;
	border-radius: 10px;
}


.tabs .tabs-list li.lasttab {
    width: 150px;
}



/* media query */@media screen and (max-width:360px){    .tabs{        margin:0;        width:96%;    }    .tabs .tabs-list li{        width:80px;    }}





/*responsive*/
@media only screen and (max-device-width: 1199px) and (min-device-width: 992px)
{
	.tabs .tabs-list li{font-size: 14px; padding: 14px 1px; width: 112.5px;}
} 

@media only screen and (max-device-width: 991px) and (min-device-width: 768px)
{
	.hero h1{font-size: 40px;}
	.content-right{border-left:none;margin-top:25px;}
	.tabs.custom .tabs-list li{width: 75px;}
	

	
	
}

@media only screen and (max-device-width: 767px)
{
	.page-id-96 .hero h1, .page-id-110 .hero h1{top: 5%;}
	.hero h1{font-size: 30px;}
	.tabs .tabs-list li{width: 100%;}
	.content-right{border-left:none;margin-top:25px;}
	.tabs.custom .tabs-list li {width: 100% !important;}
	
		.tabs .tabs-list li.lasttab {
		width: 100%;
}

} 

@media only screen and (max-device-width: 480px)
{
	.controls{padding: 20px;}
	#contact-form {padding-top: 35px;}
	.hero h1{font-size: 22px;}
	.tabs ul{margin: 0;padding: 0;}
	.item-name{padding-right: 0!important;} 
}