/* Component Details Section Css
============================================ */

.component-details .main-title h1 {
    text-transform: capitalize;
	margin-top:0;
	margin-bottom:30px;
}
.product-availability .titie {
	color: #000;
	font-size: 20px;
	margin-bottom:5px;
	font-weight: bold;
}
.component-details span.price {
	color: #000;
	display: block;
	font-size: 36px;
	font-weight: 600;
	margin: 10px 0 15px;
	font-family: 'Open Sans', sans-serif;
}
.component-details .quantity h4 {
	color: #777;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
}
.component-details .quantity  .input-group {
	width: 150px;
}
.component-details .quantity .input-group-addon, .btn-default {
    height: 48px;
    width: 48px;
	border:1px solid #9b9b9b;
	border-radius:2px;
}
.component-details .quantity .form-control.input-number {
	height:48px;
	width:55px;
	border:1px solid #9b9b9b;
	text-align:center;
	color:#000;
	font-size:16px;
	border-right:transparent;
	box-shadow:none;
	font-weight:600;
}
.component-details .quantity  .glyphicon {
	top: 2px;
}
.component-details .quantity {
	margin-bottom: 30px;
}
.component-details .action-button .addtocart-button {
	background: #be2d2d;
	border:none;
	border-radius: 0;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	line-height: 55px;
	margin-bottom: 25px;
	min-width: 235px;
	padding: 0;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}
.component-details .action-button .addtocart-button:hover {
	background: #000;
	color: #fff;
}
.component-details .action-button .btn.btn-add-cart:before {
    background: #000;
    border-radius: 0;
}
.view-shoping-outer a {
	color: #777;
	font-size: 14px;
	display: inline-block;
}
.view-shoping-outer a:hover,.view-shoping-outer a:focus {
	color: #ffb927;
	text-decoration:underline;
}
.row.component-description{
	padding: 50px 0 70px;
}
.row.component-description  .main-title h1 {
	margin-top:0;
	font-size:20px;
	margin-bottom:15px;
}
.row.component-description p , .row.component-description p span {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 20px !important;
	font-family: 'Open Sans', sans-serif !important;
	color:#000 !important;
}
.component-description .note-right-content {
    padding-top: 46px;
}
.component-image-outer ,.component-description-left-col{
	padding-right:40px;
}

.component-details span.vm-price-desc {
    display: none;
}
.product-availability br {
	display:none; 
}
a.view-shoping.btn-animated:before{
    display:none 
}
.component-details .quantity  .btn-default {
    height: 48px;
    width: 48px;
    border: 1px solid #9b9b9b;
    border-radius: 2px;
}
.component-details .quantity .form-control.input-number {
	background:#fff;
	box-shadow: none;
}

/* media auery */

@media(min-width:1400px) {
    ul.top-header-address li + li {
        padding-left: 40px;
    }
}

@media(max-width:1023px) {
	.container { width: 100%;}
	.top-header ul:first-child { display: none;}
	.notification-text p {font-size: 18px;}
	.container2 {width: 100%;margin: 0;padding: 0 15px;}
	.footer-col3 ul {padding: 0 30px 0 0;}
	.choose-us ul li {list-style-position: inside;}
    .table-cell.special-combo-thumbnails {min-width: 260px;}

}

@media (max-width:991px) {
   
	.footer-col3 ul li i {left: 0;}
	.footer-col3 ul li {padding-left: 30px;}
	nav.main-menu .navbar-nav > li > a {padding: 25px 6px;font-size: 13px;}
	span.address-col {display: block;}
	.address-col + .address-col {padding-left: 0;}
	.main-wrapper {background-size: 100% 12%;}
	.footer-col1 > .outer-div {text-align: center;}
	.footer-col.footer-col1 {width: 100%;padding-bottom: 30px;}
	.footer-col.footer-col2 {width: 30%;}
	.footer-col.footer-col3 {width: 70%;}
	.lead-naviagtion li a {font-size: 14px;padding: 22px 8px;}
    .component-image-outer, .component-description-left-col {padding-right: 0;}
    .component-details .main-title h1 {font-size: 20px;margin-bottom: 25px;}
    .product-availability .titie {font-size: 17px;}
    .component-details span.price {font-size: 30px;margin: 10px 0 15px;}
    .component-details .action-button .addtocart-button {font-size: 18px;line-height: 44px;margin-bottom: 25px;min-width: 190px;}
    .component-details .quantity .btn-default{height: 40px;width: 40px;}
    .component-details .quantity .form-control.input-number {height: 40px;width: 50px;}
    .component-details .quantity .input-group {width: 128px;}
    .component-details .quantity {margin-bottom: 22px;}
    .row.component-description {padding: 40px 0;}

}

@media (max-width:767px) {
	/* header css */
	.top-header .container {display:none;}
	.top-header {height:6px;padding:0}
	.toogle-menu  {display:block}
	.main-navbar {position: fixed;width: 270px;height: 100%;background: #f1b941;top: 70px;z-index: 100;padding-bottom: 100px;overflow: auto;right: -100%;transition: all 0.3s ease 0s;}
	.nav.navbar-nav.lead-naviagtion.navbar-right {  margin: 0;padding:30px}
	.navbar-header {margin: 0 !important;}
	.main-navbar.open-menu { right: 0; transition: all 0.3s ease 0s;}
	.html-overlay.active {display: block;}
	body.overflow-hidden {overflow:hidden}
	header.main-header { position: relative; z-index: 100;}
	.lead-naviagtion li a {border-bottom: 1px solid #ffce64;font-size: 16px;padding: 10px 15px;}
	.lead-naviagtion  li.active > a,
	.lead-naviagtion  li.active > a:focus,
	.lead-naviagtion  li.active > a:hover,
	.lead-naviagtion  li a:focus,
	.lead-naviagtion  li a:hover {background-color: #dda837;color: #fff;}
	body.home .bottom-header-navigation { background:#f1b941}
    .special-combo-outer ul {display: block;}
    .special-combo-outer ul li .table-cell {display: block;text-align: center;padding:0; margin-bottom:15px; }
    .special-combo-price {margin: auto;}
    .table-cell.special-combo-thumbnails {min-width: auto;margin-bottom:15px !important; }
    .special-combo-outer ul li {float: left;width: 100%;margin-bottom:20px !important; padding:20px; }
    .special-combo-price:before {left: 40px;top: auto;bottom:-25px;transform: rotate(360deg);}
    .special-combo-price { margin-bottom: 40px;}
	.courses-col-3 { width: 33.3%;}
	.choose-us {padding: 20px 15px 20px 15px;}
	.testimonial-sec {padding: 20px 15px 20px 15px;background: #060606;}
	.testimonial-outer {background: none;padding: 0;}
	.choose-us {background: #0f0e0e;}
	.call-number-text p {font-size: 30px;text-align: center;}
	.courses-heading-title {padding: 5px 15px;line-height: 24px;background: none;color:#000;}
	button.res-menubtn {float: right;width: 35px;height: 40px;background: none;border: none;margin: 22px 10px 0 0;display:block;}
	nav.main-menu .navbar-collapse {position: fixed;z-index: 999;background: #f1b941;width: 270px;border: none;right: 0px;padding: 20px;box-shadow: 0 0 14px 0px #003;top: 0px;transform: translateX(1000px);transition: all 0.3s ease-in-out;display: block;}
	.collapse.navbar-collapse.open-menu{transform: translateX(0px);}
	nav.main-menu .navbar-nav > .active > a, nav.main-menu .navbar-nav > .active > a:focus, nav.main-menu .navbar-nav > .active > a:hover, 
	nav.main-menu .navbar-nav > li > a:focus, nav.main-menu .navbar-nav > li > a:hover {background-color: rgba(0,0,0, 0.1);color: #fff;}
	nav.main-menu .nav.navbar-nav {float: right;width: 100%;margin: 0;}
	nav.main-menu .navbar-nav > li > a {padding: 10px ;color: #000;font-size: 16px;width:189px;}
	nav.main-menu .navbar-nav > li + li > a {border-top: 1px solid #ffce64;}
	nav.main-menu .navbar-toggle,
	nav.main-menu .navbar-toggle:focus,
	nav.main-menu .navbar-toggle:hover {border: none;margin-top: 20px;background: none;}
	nav.main-menu .navbar-toggle .icon-bar {background-color: #000000;height: 4px;}
	ul.top-header-address {display: none;}
	.footer-col.footer-col2, 
	.footer-col.footer-col3 {width: 100%;}
	.footer-col h2 {margin-bottom: 10px;}
	.footer-bottom p {text-align: center;padding: 5px 0;}
	.footer-bottom {padding: 5px 0;}
	.footer-col.footer-col2 li {padding: 0 15px;display: inline-block;position:relative;}
	.footer-col.footer-col2 li + li:before {content: '';width: 2px;height: 44%;background: #a5aeb8;position: absolute;left: 0;top: 7px;margin: auto;}
	.main-wrapper {background: #f1b941;}
	.header-bar {background: none;}
	.double-sec-col, .double-sec-col .carousel-indicators {text-align: center;}
	.testimonial-crousel .item{padding-right:0;}
	.footer-col p, .footer-col a, .footer-col span {color: #a5aeb8;}
	.testimonial-outer .col-md-6.col-sm-6.col-xs-12 {padding: 0;}
	.notification-text {padding: 10px 0;background: #ffcf6c;}
	.notification-text p {font-weight:600;}
	.question-text p {text-align: center;}
	.footer-col {text-align: center;}
	.footer-col3 ul {float: left;width: 100%;}
	.footer-col3 ul + ul{padding-top:20px;}
	.footer-col3 ul li i {position: static;color:#a5aeb8;}
	.footer-col1 > a {margin-top: 0px;display:none;}
	.footer-col.footer-col2 {padding: 30px 0;position:relative;}
	.footer-col.footer-col1 {padding-top: 15px;}
	.footer-col.footer-col2:after, .footer-col.footer-col2:before{content:'';width:139px;height:1px;background:#a5aeb8;position:absolute;left:50%;top:0;transform: translate(-50%, 0);}
	.footer-col.footer-col2:after{top:auto;bottom:0;}
	.footer-col.footer-col3 {padding-top: 30px;}
	span.close-btn {display:block;}
	span.close-btn i.fa.fa-times {line-height: 19px;}
	.pull-right.about-right-img {float: left;margin-bottom: 20px;width: 100%;padding:0}
	.pull-right.about-right-img img , .why-choose-content .why-choose-img img{width: 100%;}
	.why-choose-content .why-choose-img {padding-right: 0;width:100%;margin-bottom:20px;}
	.about-us-page-wrapper .our-vision {padding: 20px;}
	.about-content.our-vision [class*="col-"] {margin-bottom:20px;}
	.about-content.our-mission  .about-main-title {margin-top:15px;}
	.our-mission-image-outer img {width:100%;}
	
	.button-action-div.text-right { margin: 30px 0; text-align: center;}
    .testimonials-outer [class*="col-"] { padding: 0 5px;}
    .testimonials-outer .testimonials-items { margin-bottom: 10px;}
    .testimonials-items object { height: 100% !important;}
	.contact-us-items .contact-address-info , .contact-us-wrapper .contact-us-items{ position: static; width: 100%; margin-bottom: 30px;}
    .component-description-left-col {padding-right: 15px;}
    .component-description .note-right-content { padding-top: 0;}
    .component-image-outer img {margin-bottom: 25px;width: 100%;}
    .component-details .main-title h1 { font-size: 24px;}
	.component-details .quantity {float: left;margin-bottom: 0;width: 33%;}
	.component-details .action-button {float: right;margin-top: 29px;padding: 0 10px;text-align: center;width: 33%;}
	.component-details .action-button .addtocart-button {line-height: 40px;margin-bottom: 0;min-width: 100%;}
	.view-shoping-outer {float: right;width: 100%;}
	.view-shoping-outer a.view-shoping{width: 100%;}
	.view-shoping-outer {float: right;}
	.view-shoping-outer a span {display:none }
	.component-details .action-button .btn.btn-add-cart {line-height: 40px;min-width: auto;padding: 0 15px;float:right;}
	.component-details .quantity .input-group {margin-top: -2px;}
	.view-shoping-outer a.view-shoping {background: #000;color: #fff;font-size: 18px;font-weight: bold;line-height: 40px;padding: 0 20px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;float:right;margin-right: 5px; }
	a.view-shoping.btn-animated:before{display:block;background:#be2d2d;border-radius:0}
	a.view-shoping.btn-animated:hover{text-decoration: none;}
	.component-details form { float: left; width: 100%;}

}


@media (max-width:639px) {

	.footer-col1 img {display: none;}
	.footer-col1 .outer-div:before {color: #fff;font-size: 18px;font-weight: 700;font-family: "Roboto", sans-serif;margin-bottom: 40px;text-transform: uppercase;content: 'About us';display: block;margin: 0 0 15px;}
	.courses-col {margin: 9px 0 0;}
	.coures-name {font-size: 15px;}
	.footer-col3 ul li {padding-left: 20px;}
	.footer-col3 ul {padding: 0;}
	.courses-col-3 {width: 50%;padding: 0 5px;}
	.header-top {padding: 5px 0;}
	.about-us-page-wrapper .about-right-side-bar {float: right;width: 100%;}
	.about-banner-container ,ul.right-side-nav li.active-nav a:after{display:none}
	.about-us-page-wrapper .about-left-side { float: left;padding: 0; width: 100%;}
	.view-shoping-outer a.view-shoping, .component-details .action-button .addtocart-button {font-size:16px; }
	
}

@media (max-width:479px) {
   
	.double-sec-col h2 {font-size: 22px;}
	.testimonial-crousel .item {font-size:14px;}
	.choose-us ul li {font-size: 14px;}
	.notification-text p {font-size: 14px;padding: 0 15px;}
	.footer-main {padding-top: 10px;}
	.footer-bottom {margin-top: 20px;}
	.course-calender-items h3.sub-title {font-size: 14px;min-height:70px;padding: 10px 5px;}
	.course-action a.btn {font-size: 12px;line-height: 13px;}
	.question-text p {font-size: 20px;}
	.course-calender-items h3.sub-title span {font-size: 11px;}
	.contact-us-items .contact-address-info {padding: 20px 20px 0 20px;}
	.direction {padding:10px 0 0 0}
	.testimonials-outer .testimonials-info h3 {font-size: 13px;}
    .component-details .action-button { padding: 0; width: 100%;float:left; }
    .view-shoping-outer { float: right; width: 50%;}
    .component-details .action-button .btn.btn-add-cart {width: 50%;margin: 0;}
	.view-shoping-outer a.view-shoping {margin: 0  ;padding: 0 20px;text-align: center;width: 100%;}
	.view-shoping-outer {float: left;width: 50%;}
	.component-details .action-button .btn-animated {font-size: 16px !important;}
	.view-shoping-outer {float: left;width: 100%;}
	.component-details .action-button {margin-top: 15px;}
	.component-details .quantity .input-group {margin-bottom: 20px;margin-top: 0;}
	.component-details .main-title h1 { font-size: 20px;}
}

@media (max-width:319px) {
	body {width:320px;overflow-x:scroll}

}