/*Global*/

.pointer{ cursor: pointer} 

.txtPrice{ color:red}

/*Reset Bootstrap */

.container-fluid{ padding-left:inherit; padding-right:inherit; }

.container{padding:3px; }

.container > div{ padding:3px}

.container img{ max-width:100%}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{/* margin:inherit; */ }

.panel{ box-shadow:none; margin-bottom:inherit}

.panel-default{ border-color: rgba(221, 221, 221, 0.25);}

.nav-tabs{ border-bottom: #f8ed37}

.nav-tabs > li{ background:  #eee }

.nav-tabs > li a{ border-radius:0; margin-right:0; }

.tab-content > div{ padding:10px; margin-bottom:5px}

.thumbnail{ background:none; border:0}



.carousel-indicators li{ width:15px !important ; height:15px !important;  }



table{ max-width:100% !important; }

.carousel-control{background-image:none !important}    

.form-control{border-radius:0; box-shadow:none; width:100%}

 /*End Reset Bootstrap */



/* Reset Layout*/

a{ color:#000}

.navbar-default{ background-color: inherit; margin-bottom :0; border: 0; height: inherit}

.navbar-default .navbar-nav>li>a, .navbar>.container .navbar-brand{ color: #fff;}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 50%;    }	

.pagination .active a{ border:none }

.pagination .active a:hover{ color:#fff}

.pagination>li>a, .pagination>li>span{ color:inherit; border-radius: 50%; margin: 2px;  }

/* Reset Layout*/ 



/*Customize*/ 

.side-top {  color: #0170b1;    font-size: 14px; }

 

.group-list > div{padding-left:3px; padding-right:3px}

.group-list .thumbnail img{ width:100%}

.group-list .thumbnail .caption h3 a{ font-size: 16px}

.group-list .carousel-control{    width: 5%; background: none;} 

 

.side-footer{  height:100% ;  line-height:25px }

.side-footer ul {list-style-type: disc;  padding-left: 40px;  display: block;    margin: 10px 0; padding:0}

.side-footer ul li{ list-style-position:inside;	}

.side-footer ul li{ list-style: none ; line-height:30px;}

.side-footer h3{margin: inherit;  text-transform: uppercase;    font-size: 18px;    padding-bottom: 10px; } 

    

.social-circle li a{  width: 30px;   height: 30px;     line-height: 25px; font-size: 13px;}

.social-network a.icoRss {	background-color: #F56505;}

.social-network a.icoFacebook {	background-color:#3B5998;}

.social-network a.icoTwitter {	background-color:#33ccff;}

.social-network a.icoGoogle {	background-color:#dd4b39;}

.social-network a.icoVimeo {	background-color:#0590B8;}

.social-network a.icoLinkedin {	background-color:#007bb7;}

.social-network a.icoPinterest {	background-color:#cb2027;}

.social-network a.icoInstagram {	background-color:#e95950;}

.social-network a.icoYoutube {	background-color:#bb0000;}

 

.copyright-txt{  margin: 15px auto; margin-bottom: 0;    padding: 5px 0px;}

 	

.nav .dropdown-menu{margin-top: 4px;}

.nav .dropdown-menu li a:focus, .dropdown-menu li a:hover{}

.nav .dropdown-menu li a{ color:#fff  }



.mfp-close{ background: #f58220 !important; width: 45px !important; text-align: center !important; color: #fff !important;	}

.mfp-arrow-right:before{border-left: 27px solid #FFC107 !important}

.mfp-arrow-left:before{border-right: 27px solid #FFC107 !important}

	

@media only screen and (min-width: 768px) {	

	.navbar{ min-height:inherit}

	 

	.navbar-default .navbar-nav>li:nth-child(1):after{content:"" }



	.nav .dropdown-menu{ min-width: 196px; border:1px; padding:0; margin-top:3px !important; /*  margin-left:25px */ } 

	.nav .dropdown-menu>li>a{ padding: 13px 20px; font-size:12px; } 

	 	 

	.group-list .thumbnail img{  height: 180px }	 

 	 

	.group-list .carousel-indicators{ bottom:-35px;}

	.group-list .carousel-indicators li{ width:22px; height:22px; background-color: #fff; border: 1px solid #107be8}

	.group-list .carousel-indicators li.active{ width:22px; height:22px; background-color: #107be8}

	

	.navbar-form > .input-group  > div{  padding:0px 3px} 

	

}

@media only screen and (min-width: 992px)  and (max-width: 1024px)  {



}

@media only screen and (min-width: 768px)  and (max-width: 768px) {

	.mm-listview, .mm-listview>li{ width:100%;  }

	

	.side-head > div > div span{font-size: 12px;}

	.side-head .logo, .side-slide{margin-top: inherit}

	

	.nav>li>a:before, .nav>li>a:after{ width:inherit}

 

} 

 

@media only screen and (max-width: 768px) {

	.hidden-mobile{ display:none}

	.thumbnail img{ height:inherit !important}

	.navbar-toggle{ border:0}

	.navbar-toggle .icon-bar{background-color: #339933 !important;}

	.mm-vertical{   background-color:#339933 !important}

	.mm-vertical a{color:#fff !important; font-weight:bold} 

	.category-side{display:none}



	.navbar-brand{ display: block !important}

	.panel-body{padding:2px} 

	.side-top .container >div{ text-align: center; padding: 5px 0px}

	

	.navbar-form{ margin-left:inherit; margin-right:inherit}

	

	   

}