/*

- Bootstrap v3.3.1

- Font Awesome 4.2.0

- Less - Leaner CSS v2.0.0-b1

*/


/*@import url("css/bootstrap/bootstrap.min.css");*/

@import url("css/bootstrap/bootstrap.cus.css");
@import url("css/fontawesome/font-awesome.css");
@import url("style_templates.css");
@import url("style_osp.css");
@import url("css/style_table.css");
@import url("css/style_cart.css");
@import url("css/style_form.css");
@import url("css/style_accordion.css");

fieldset.quantity legend {
    margin: 0 0 10px 0;
    font-size: 18px;
    color: #23232b;
    padding: 0 0;
    font-family: 'open_sansbold';
}
fieldset.quantity {
    padding: 0 0;
    margin: 15px 0 0 0;
    border: 0 solid #ccc;
}

fieldset.social-media legend {
    margin: 0 0 5px 0;
    font-size: 18px;
    color: #23232b;
    padding: 0 0;
    font-family: 'open_sansbold';
    border-bottom: 0;
}
fieldset.social-media {
    margin: 15px 0 30px 0;
    padding: 0;
    border: 0;
}

.social-media .fa-inverse:hover {
    color: #30c1a4;
}

.social-media .fa-inverse {
    color: #a8a8a7;
    transition: all ease .4s;
}
.social-media .stack {
   /* margin: 0 15px 0 0;*/
	margin:0;
}
.btnbuy_form + .btn-morph {
    display: none;
}

.row.detail-page ul.grid.listImage {
    margin: 35px 0 15px;
}

.section-title:after,
h1.page-title:after {
    content: "";
    height: 1px;
    width: 100px;
    background-color: #30c1a4;
    display: table;
    margin: 10px auto 10px;
}




.btn-success {
	color: #fff !important;
	background-color: #5cb85c;
	border-color: #5cb85c;
}


.btn-success:hover {
	color: #fff;
	background-color: #383838;
	border-color: #383838;
}


.section-title {
    margin: 0 0 30px;
    text-align: center;
}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}


/* Landscape phone to below */
@media (max-width: 480px) {
    ul.listImage li {
        margin: 0 8px 8px 0;
        width: 130px;
        height: 95px;
        overflow: hidden;
    }
    
    ul.listImage li .wrapper_image {
        width: 100%;
        height: 100%;
        overflow: hidden;
        border: 1px solid #dedede;
    }

.btn {
	height: 50px !important;
	width: 100% !important;
}

a.btn {
	line-height: 33px;
}

.input-group-btn .btn {
	height: auto !important;
}

.btn.btn-default, .btn {
	font-size: 13px !important;
	font-weight: normal;
	padding: 10px !important;
}


}