/*------------------------------------------------------------------
[Table of contents]
0. Global
1. Top menu
2. Main header
3. Home slider

4. Styles for devices(>1200px)
5. Styles for devices(>=992px and <=1199px)
6. Styles for devices(>=768px and <=992px)
7. Styles for devices(>=481px and <=767px)
8. Styles for devices(<=480px)

-------------------------------------------------------------------*/
/*---------------
[0. Global]
*/
.option3 .product-list li .product-price {
	color: #0088cc;
}
.option3 a:hover{
	color: #0088cc;
}
.option3 .scroll_top:hover{
	background: #0088cc;
}
.option3 .nav-center .owl-controls .owl-prev,
.option3 .nav-center .owl-controls .owl-next{
	-moz-transition: all 0.45s ease;
	-webkit-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	-ms-transition: all 0.45s ease;
	transition: all 0.45s ease;
	opacity: 0;
	visibility: hidden;
}
.option3 .nav-center .owl-controls .owl-prev{
	left: -30px;
}
.option3 .nav-center .owl-controls .owl-next{
	right: -30px;
}
.option3 .nav-center.owl-loaded:hover .owl-next {
  right: 0;
  visibility: inherit;
  opacity: 1;
}
.option3 .nav-center.owl-loaded:hover .owl-prev {
  left: 0;
  visibility: inherit;
  opacity: 1;
}

.option3 .owl-controls .owl-prev:hover, 
.option3 .owl-controls .owl-next:hover {
  background: #0088cc;
  color: #fff;
}
.option3 .product-list li .add-to-cart:hover {
  background-color: #0088cc;
}

.option3 .product-list li .quick-view a:hover{
	background-color: #0088cc;
}
/*---------------
[1. Top menu]
*/
.option3 .navbar-right{
	margin-right: 0;
}
.option3 .link-buytheme .fa{
	line-height: inherit;
	color: #0088cc;
}
.option3 .logo{
	margin-top: -20px;
}
.option3 .main-header{
	padding-bottom: 25px;
	padding-top: 25px;
}
.option3 .top-header .dropdown-menu{
	border-top: 2px solid #0088cc;
}
.option3 #user-info-opntop .dropdown-menu{
	border-top: 2px solid #0088cc;
}
.option3 .main-header .header-search-box .form-inline{
	border: 2px solid #0088cc;
}
.option3 .main-header .header-search-box .form-inline .select2{
	border-right: none;
}
.option3 .main-header .header-search-box .form-inline .form-category {
	height: 37px;
}
.option3 .main-header .header-search-box .form-inline .btn-search{
	background: #0088cc url("../images/search.png") no-repeat center center;
	width: 40px;
	height: 40px;
}
.option3 .main-header .header-search-box{
	padding: 0 15px;
	margin-top: 10px;
}
.option3 .main-header .shopping-cart-box{
	padding: 0 15px;
	margin: 0;
	margin-top: 10px;
}

.option3 .main-header-top-link li{
	display: inline;
	float: left;
}
.option3 .main-header-top-link li>a{
	padding: 0 5px;
	border-right: 1px solid #e4e4e4;
}
.option3 .main-header-top-link li:first-child>a{
	padding-left: 0;
}
.option3 .main-header-top-link li:last-child>a{
	padding-right: 0;
	border-right: none;
}

.services-wapper{
	background: #f6f6f6;
	border-bottom: 1px solid #eaeaea;
}
.services-wapper .service{
	margin-top: 0;
	border:none;
}

/** REPONSIVE **/
/*----------------
[4. Styles for devices(>1200px)]
*/
@media (min-width: 1201px){
	
}
/*----------------
[5. Styles for devices(>=993px and <=1200px)]
*/
@media (min-width: 993px) and (max-width: 1200px) {
	.option3 #home-slider .header-top-right .homeslider, 
	.option3 #home-slider .header-top-right .header-banner{
		border:none;
	}
	
	.option3 #main-menu .navbar .navbar-nav>li>a{
		font-size: 13px;
		border:none;
		padding: 0 7px;
	}
	.option3 #main-menu .navbar .navbar-nav>li:hover>a,
	.option3 #main-menu .navbar .navbar-nav>li.active>a{
		border: none;
	}
}
/*--------------------
[6. Styles for devices(>=768px and <=992px)]
*/
@media (min-width: 768px) and (max-width: 992px) {
	.option3 .logo{
		margin-top: 25px;
	}

	.option3 .main-header .header-search-box{
		margin-top: 25px;
	}
	.option3 .group-button-header {
		margin-top: 25px;
	}
	.option3 #box-vertical-megamenus{
		width: 40px;
		display: none;
	}
	.option3 #main-menu .navbar .navbar-nav>li>a{
		padding: 0 10px;
		border-left: none;
		font-size: 13px;
	}
	.option3 #main-menu{
		margin: 0;
		padding-left: 15px;
		width: auto;
	}
	.option3 .navbar-right{
		display: none;
	}
	.option3 .box-vertical-megamenus .title-menu{
		display: none;
	}
	.option3 .box-vertical-megamenus .title .btn-open-mobile{
		margin-left: -7px;
		float: left!important;
	}
	.option3 #form-search-opntop,
	.option3 #user-info-opntop,
	.option3 #shopping-cart-box-ontop{
		display: none;
	}
	.option3 .header-top-right .header-banner{
		display: none;
	}
	

	
}
/*--------------------
[7. Styles for devices(>=481px and <=767px)]
*/
@media (min-width: 481px) and (max-width: 767px) { 
	.option3 .top-main-header{
		display: none;
	}
	.option3 .group-button-header{
		width: 100%;
		margin-top: 25px;
	}
	.option3 .logo {
		margin-top: 0;
	}
	.option3 .main-header .header-search-box{
		margin-top: 25px;
	}
	.option3 #main-menu .navbar-header .navbar-brand{
		line-height: 40px;
		min-height: 40px;
	}
	.option3 #main-menu .navbar-header .navbar-toggle{
		margin-top: 7px;
		padding: 0;
	}
	.option3 #main-menu .navbar-header{
		height: 40px;
	}
	.option3 .navbar-brand{
		height: auto;
	}
	.option3 #main-menu .navbar .navbar-nav>li:hover>a, 
	.option3 #main-menu .navbar .navbar-nav>li.active>a{
		border-right: none;
	}
	.option3 #main-menu li.dropdown>a:after{
		top: 0;
	}
	
	.block-banner .block-banner-left, 
	.block-banner .block-banner-right {
		width: 100%;
		padding: 0;
	}
	.block-banner .block-banner-right{
		margin-top: 10px;
	}
	
	.option3 #home-slider .slider-left{
		display: none;
	}
}
/*--------------------
[8. Styles for devices(<=480px)]
*/
@media (max-width: 480px) {
	.option3 .top-main-header{
		display: none;
	}
	.option3 .group-button-header{
		width: 100%;
		margin-top: 25px;
	}
	.option3 .logo {
		margin-top: 0;
	}
	.option3 .main-header .header-search-box{
		margin-top: 25px;
	}
	.option3 #main-menu .navbar-header .navbar-brand{
		line-height: 40px;
		min-height: 40px;
	}
	.option3 #main-menu .navbar-header .navbar-toggle{
		margin-top: 7px;
		padding: 0;
	}
	.option3 #main-menu .navbar-header{
		height: 40px;
	}
	.option3 .navbar-brand{
		height: auto;
	}

	.option3 #main-menu .navbar .navbar-nav>li:hover>a, 
	.option3 #main-menu .navbar .navbar-nav>li.active>a{
		border-right: none;
	}
	.option3 #main-menu li.dropdown>a:after{
		top: 0;
	}
	#main-menu li.dropdown>a:after{

	}
	.option3 #home-slider .slider-left{
		display: none;
	}
	
	
	.block-banner .block-banner-left, 
	.block-banner .block-banner-right {
		width: 100%;
		padding: 0;
	}
	.block-banner .block-banner-right{
		margin-top: 10px;
	}
	
}