/*header*/
.header-logo .inner{margin:0 auto;}
.top-links{float:right;padding-left:0 !important;padding-right:0 !important;margin-top: 5px;}
#navbar li a:hover{color:#fff;}
#navbar li a.active{color:#fff;}
#navbar li.last{border-right: 1px solid #97BBC1;padding-right: 25px;}
.login .first-shop{padding-left:45px;}
.navbar-light .navbar-toggler{border:0 !important;}
.first-shop a, .login-shop a, .details-shop a, .logout-last a, .cart-shop a{text-transform: capitalize !important; font-weight:normal !important;}
#navbar li.first-shop{padding-left:25px;}
.cart-shop a{padding-right:0;}


.margin-right-home2{margin-right:115px;}

/*footer*/
.footer-top{background-color:#0B8CA9; text-align:center;}
.footer-mid{background-color:#04566B;text-align:center;padding:0 !important;}
.footer-logo{padding:15px 0;}
.footer-address{padding-bottom:15px;}
.footer-address ul{list-style: none;padding: 0;text-align: center;margin: 0;}
.footer-address ul li{display: inline-block;text-align: center;color: #97BBC1;font-size: 14px;padding: 0 15px;line-height: 15px;}
.footer-address ul li.email{border-left:1px solid;border-right:1px solid;}
.footer-bottom{background-color:#043A40;text-align:center;color: #97BBC1;}
.copyright-footer{font-size: 14px;padding: 20px 0;}


/*home*/
.top-content .image{float:left;padding:0;}
.top-content .details{float:right; max-width: 82.333333%;}
.top-content, .bottom-content, #homecontainer{overflow:hidden; padding: 30px 0 15px !important;margin:0 auto;}


/*home*/
.question-section{padding:30px 0;}

/*button*/
.question-section a,
#homecontainer .half a,
.contact-page form .button, .btn
{background-color:#04566B;padding: 10px 20px;line-height: 16px;font-size: 14px;font-weight: bold;margin: 10px 0 0;color:#fff; text-transform:uppercase;}
.question-section a:hover,
#homecontainer .half a:hover,
.contact-page form .button:hover,
#register-page form .button:hover,.button:hover{color:#fff !important; background-color:#043A40 !important;}

/*h1 title*/
.question-section h1{color:#fff;font-size: 25px;font-weight: normal;}

/*home*/
#homecontainer .inner{overflow:hidden; margin:0 auto; padding-left: 0;}
#homecontainer .half{float:left; padding-bottom: 15px;}

.bottom-content div.title{padding:0 0 20px 0;}
.bottom-content .instrument{float:left;padding:0; text-align:center;}
.bottom-content .instrument p.title{margin:5px 0 15px; font-weight:bold; color:#212529; text-align:center;}
.bottom-content .instrument p.title a{color:#212529;}


/* instrument-page */
#instrument-page .instrument{max-width:20%;}

/*contact page*/
.contact-page textarea,
.contact-page input[type="text"]{-webkit-border-radius: 5px;border-radius: 5px; -moz-border-radius:5px;-khtml-border-radius:5px; width:100%;}
.contact-page form{margin:0 auto;text-align:center;}
.top-form,.bottom-form, #register-page{overflow:hidden; text-align:center;}
.top-form .half-form{float: left;padding: 0;max-width: 49.1%;}
.top-form .half-form .formrow,.contact-page textarea{margin-bottom:15px;}
.bottom-form .captcha-div{margin:15px auto;}

/*register page*/
#register-page form{margin:0 auto;}
#register-page form.col-form-label{text-align: right; padding: 10px 0;}
.custom-file-label::after{background-color: #04566B !important; padding: 10px 20px; line-height: 16px;font-size: 14px;font-weight: bold;color: #fff !important;}
#register-page form .form-group div{padding:0;}

.top-content .button {background-color: #04566B; padding: 10px 20px; line-height: 16px; font-size: 14px; font-weight: bold;width:100%;color: #fff !important;}

.error p{color:red;}


/*product page*/
.quantity{width:100%; border-collapse:collapse;}
.variations-prod-info table td{ padding:7px; border:#4e95f4 1px solid;}
/* provide some minimal visual accomodation for IE8 and below */
.variations-prod-info table tr{background: #b8d1f3;}
/*  Define the background color for all the ODD background rows  */
.variations-prod-info table tr:nth-child(odd){background: #b8d1f3;}
/*  Define the background color for all the EVEN background rows  */
.variations-prod-info table tr:nth-child(even){background: #fff;}

/*table*/
.table-bordered,.table-bordered td, .table-bordered th{border-color: #0B8CA9 !important;}
.table-bordered thead{background-color:#0B8CA9 !important; color:#fff !important;}
.table-bordered td{padding:10px !important; vertical-align: middle !important;}
.table-bordered th{padding:10px !important; text-align:center;}

#order-page table td.amount{text-align:right;}
#order-page table td.order-btn{text-align:center;}
#order-page table td.order-btn a{font-weight:normal !important; font-size:12px;}


/*product page*/
#product-image-container .productpic{width:100% !important; -webkit-border-radius: 10px;border-radius: 10px; -moz-border-radius:10px;-khtml-border-radius:10px;}
#product-image-container, .product-details{float:left;}
.top-content a{color:#04566B !important;}

.return-link, .return-link small{font-weight:bold !important;}

/*invoice*/
.invoice-code{float:left; padding-left:0 !important;}
.invoice-details{float:right; padding-right:0 !important; text-align:right;}
.invoice-details .amountdue{float:right;}
.invoice-details .invoiceno{float:right; margin-right:30px;}

#invoice-page table td{padding:10px !important;}
#invoice-page table .info-th{width:71%;}
#invoice-page table .info-td p{margin-bottom:0;}
#invoice-page table .price-td{text-align:right; font-weight:bold; vertical-align:top !important;}
#invoice-page table .qty-td{text-align:center; vertical-align:top !important;}
#invoice-page table .info-td img{width: 20%; margin-right:10px;}
#invoice-page .total{padding-left:0; padding-right:0; text-align:right; margin-bottom:10px;}
.bottom-invoice{padding:0 !important;overflow:hidden;}
.bottom-invoice .box-bordered{margin:20px auto; overflow:hidden; padding: 30px;}
.bottom-invoice .box-bordered2{margin:20px auto; overflow:hidden; padding: 30px;}
.bottom-invoice .text-bottom{float:left; font-size:14px; padding:0;}
.bottom-invoice .text-bottom p{margin-top: 5px; margin-bottom:0;}
.bottom-invoice .button-bottom{float:right; padding:0;}


/*login page*/
#login-page h3{text-align:center;}
#login-page .link a{font-size:13px;}
#login-page .link .link1{float:left;}
#login-page .link .link2{float:right;}
#login-page form{margin:30px auto;}
#forgot-page form{margin:30px auto;}

/*pads cart*/
.cart-form .product-pads img{width:100%;-webkit-border-radius: 5px;border-radius: 5px; -moz-border-radius:5px;-khtml-border-radius:5px;}
.cart-form .price-pads{text-align: right;vertical-align: top !important;padding-top: 30px !important;}
.cart-form .info-pads a{font-size:14px;}
.cart-form .info-pads{border-left: none;}
.cart-form .product-pads{border-right:none;}

.mobile{display:none;}

/* instrument details */
form#product-details{font-size:13px;}
form#product-details .varsku-inst{padding:0 5px; max-width: 117px;}
form#product-details .varopt-inst{padding:0 3px;}
form#product-details .quantity-inst{padding:0 3px;max-width: 60px;}
form#product-details .btn-inst{padding:0 5px;max-width: 127px;}
form#product-details .btn-inst button{padding: 6px 5px;max-width: 110px; margin-top:0px;}
.product-details{padding:0 !important;}
.variations-prod-info table th, .variations-prod-info table td{font-weight:normal; padding: 5px !important;}
.variations-prod-info table th{background-color:#0B8CA9 !important;}

.table-inst, .varsku-inst, .varopt-inst, .quantity-inst, .btn-inst{float:left;}

/*my details*/
#my-details .label{font-weight:bold;}
#my-details .label, #my-details .content{font-size:14px;}

@media screen and (max-width: 1199px){
	#navbar{padding-left: 25px;}
	#navbar li a{padding:0 10px;}
	#navbar li.last{padding-right:0;}
	.login span{padding: 0 10px !important;}
	.cart-shop a {padding-right: 0 !important;}
	.logo-holder{max-width:20% !important;}
	#navbar li.last a{padding-right: 30px;}
	.margin-right-home2{margin-right:100px;}
	
	.top-content .image{max-width: 23%;}
	.top-content .details {max-width: 77%;padding-left: 0;}
	.bottom-content .instrument {max-width: 20%;}
	
	.top-form .half-form{max-width: 100%;}
	
	#order-page table td.order-btn {width: 35%;}
	
	#instrument-page .instrument {max-width: 25%;}
	
	.invoice-details{padding-left:0 !important;}
	
	form#product-details .table-inst{max-width: 100%; flex: 100%; margin-bottom:20px;}
	form#product-details .btn-inst{flex: 25%; max-width: 25%;}
	form#product-details .quantity-inst{flex: 5%;max-width: 25%;}
	form#product-details .varsku-inst{flex: 25%; max-width: 35%;}
	form#product-details .varopt-inst{flex: 25%; max-width: 25%;}
}
@media screen and (max-width: 1006px){
	#navbar {padding-left: 15px;}
	#navbar li.last a {padding-right: 15px;}
	#navbar li.first-shop {padding-left: 15px;}
}
@media screen and (max-width: 991px){
	.navbar-nav{margin: 0 auto;}
	.header-menu, .summarycontent {width: 100%;text-align: left;}
	.top-links{margin-top:0;}
	.navbar-nav, #navbar{margin:0; width:100%;}
	#navbar li, .login span{float:none !important;}
	#navbar li a, .login span {padding: 10px 10px;border-bottom: 1px solid;}
	#navbar li.last{border-right:0 !important;}
	#navbar li.first-shop {padding-left: 0 !important;}
	.cart-shop a{border-bottom:0 !important;}

	.top-content .image, .top-content .details{max-width: 100%;text-align: center;}
	.bottom-content .instrument {max-width: 30%;}
	.bottom-form .captcha-div, form .btn-wrap{max-width: 100%;}
	
	#order-page table td.order-btn {width: 40%;}
	#order-page table td.order-btn a {font-size: 11px;}
	
	#instrument-page .instrument {max-width: 33%;}
	
	.bottom-invoice .box-bordered, .bottom-invoice .box-bordered2 { width: 100%; max-width: 100%;}
	
	#login-page form {max-width: 80%;flex: 80%;}
  
        .invoice-details .invoiceno{margin-right:0 !important;}
}
@media screen and (max-width: 767px){
	ul{text-align:left;}
    .mobile{display:block;}
	#what-we-do-home{margin-top:20px;}
	#homecontainer .half{text-align:center;}
	#contact-page{text-align:center;}
	.bottom-content .instrument {max-width: 33%;}
	#instrument-page .instrument {/*max-width: 50%;*/}
	
	::-webkit-input-placeholder { /* WebKit browsers */
		color: #666 !important;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color: #666 !important;
	   opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:#666!important;
	   opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	   color:#666!important;
	}
	#register-page form .form-group div {
		max-width: 100%;
		flex: 100%;
	}
	#invoice-page table .info-td{text-align:left;}
	#invoice-page, .invoice-details, #invoice-page .total{text-align:center;}
	#invoice-page table .info-td img {width: 33%;}
	.bottom-invoice .box-bordered,.bottom-invoice .box-bordered2{padding: 20px 50px;}
	.bottom-invoice .text-bottom p {margin-top: 0;margin-bottom: 10px;}
    .top-content h3, .bottom-content .title h3, .m-center, form#product-details{text-align:center !important;}
	
	#login-page form {max-width: 100%;flex: 100%;}
	.cart-form .product-pads img{width:100px !important;}

    .invoice-details .amountdue, .invoice-details .invoiceno{float:none;}
	#product-image-container .small, #product-image-container .small,
	#product-image-container .small, #product-image-container .small{flex:25%; max-width:25%;}
	form#product-details .varsku-inst {flex: 25%;max-width: 25%;}
	form#product-details .btn-inst button {margin-top: 28px;}
}
@media screen and (max-width: 738px){
	.footer-address ul li {display: block;}
	.footer-address ul li.email{border:0;line-height: 25px;}
	#order-page table td.order-btn {width: 30%;}
       .ir-banner {height: 200px;}
	#order-page table td.order-btn a {font-size: 12px;}
}
@media screen and (max-width: 575px){
	#login-page form.default label, #forgot-page form.default label {text-align: left;}
	.bottom-content .instrument {max-width: 33%; text-align:center;}
	.bottom-content .instrument img{max-width: 80%; /*height:auto !important;*/}
	form#product-details .varsku-inst, form#product-details .varopt-inst, form#product-details .quantity-inst,
	form#product-details .btn-inst{flex: 100%; max-width: 100%;}
	
	form#product-details .wrap-sku{ width: 20%; margin: 0 auto; overflow: hidden;}
	form#product-details .wrap-sku p{float:left;}
	form#product-details .wrap-sku label{float:right;}
	
}
@media screen and (max-width: 555px){
	form#product-details .btn-inst button, form#product-details .quantity-inst{margin-top:10px !important;}
}
@media screen and (max-width: 495px){
	form#product-details .wrap-sku{width: 100px;}
}
@media screen and (max-width: 414px){
	.bottom-content .instrument {max-width: 50%;}
	.footer .footer-nav ul li a {margin: 0 15px;}
	.bottom-content .instrument {max-width: 170px;}
	.bottom-content .instrument img{width: 100%}
}

@media screen and (max-width: 399px){
	.bottom-content .instrument {max-width: 50%;}
}