/* =============================================
----------------- Responsive  ------------------
==============================================*/

/* Large desktop */
@media (min-width: 1290px) {
	/*.home .carousel-inner>.item {height:413px;}*/
	.container,.wrapper{width: 1170px}
	#main-nav-container #main-nav .menu li a { padding: 7px 22px}
	#bannerSldie .carousel-caption h1 {font-size: 60px;}
	.carousel-caption {padding-bottom: 80px;}
	.wrapper-featured {width: 1020px}
	.wrapper-featured .featured-box{padding-right: 175px}
	.wrapper-featured .events-box{right: -150px}

	/*.welcome .container {width: 990px}*/
	/*.wrapper {width: 990px;}*/

	.footer .pull-left{ padding-left:40px ;}
	.footer .pull-right{ padding-right:40px ;}
	/*#bannerSldie .item img{min-height:600px;top:-55%;}*/
	
}
 
/* Portrait tablet to landscape and desktop 992px */
@media (min-width: 992px) and (max-width: 1280px) {
	
	.container{width: 1010px}
	#main-nav-container #main-nav .menu li a { padding: 7px 15px}
	.likeFB{margin-right: 0;}
	.top-header{margin-right: -22px;}
	.list-gallery li a .cationG {top: 120px}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 992px) {

	.container,.wrapper{width: 100%; }
	.wrapperContent .container {width: 92%}
	.content-page .container {padding: 10px}
	.col-md-9{padding: 0 5px}
	.top-header{ padding: 0}
	.brand { border: 0;position: absolute; left: 35%;}
	.brand img{width: 80%}
	.contact-header{ padding-left: 30px;}
	.contact-header h3{font-size: 16px;}
	.contact-header a {font-size: 9px;}
	.contact-header .icon-note {top: -4px}
	.contact-header .icon-note:before {font-size: 30px;}
	.form-group,.likeFB {display: none}
	.likeFB2 {display: block; position: absolute; top: 5px; right: 5px}
	.breadcrumbs-box .breadcrumb {margin-top: 4px; font-size: 12px;}
	.newsletter { float: none; display: block; margin-right: 0px;}
	.quick-access { float: right; margin: 10px 0 10px 5px}
	.quick-access .btn-custom {background:none; color: #51c7ed; font-size: 24px; padding-top: 0;}
	.dropdown-language{margin-left: 20px;}
	
	#main-nav-container { position: relative;}
	#main-nav-container #main-nav {position:static; float: left;margin-left: -5px;}
	#main-nav-container #main-nav #responsive-nav { display:block !important;}
	.navbar-default {border: 0; background: none}
	.navbar-toggle{float: left; border: 0px}
	#main-nav-container #main-nav > ul{ display:none;}

	#bannerSldie .carousel-caption h1 {font-size: 20px;}
	#bannerSldie .carousel-caption p {font-size: 10px; height: 70px; overflow: hidden;}
	.carousel-caption {padding-bottom: 0px;}
	.welcome {text-align: center;}
	.welcome h2 {display: block; float: none; font-size: 20px;}
	.welcome p {padding-top: 0px; line-height:100%; font-size: 12px;}
	.breadcrumbs-box .likeFB2{top:15px; right: 15px}

	.featured-home {padding:0 }
	.wrapper-featured{width: 100%; padding:0 }
	.wrapper-featured .featured-box{padding: 10px 15px; font-size: 14px }
	.wrapper-featured .featured-box .pic{width: 45%}
	.wrapper-featured .content h4{height: auto;font-size: 18px;}
	.wrapper-featured .content p{height: auto;}
	.wrapper-featured .events-box { position: inherit; width: 100%; right: 0}
	.wrapper-featured .events-box .title-head {text-align: left; height: 65px; line-height: 55px} 
	.wrapper-featured .events-box .content h4 {font-size: 20px; font-weight: 400;}
	.wrapper-featured .events-box .content p {font-size: 18px;}
	.wrapper-featured .events-box .list-event li {padding:20px 0 }
	.wrapper-featured .events-box .date {width: 70px; height: 70px; font-size: 33px;}

	.title-head {font-size: 25px }
	.location-home .wrapper { height: auto;}
	.location-home .title-head { font-size: 20px;}
	.location-home .title-head .icon{font-size: 30px;}
	.bannerDownload { float: none; display: block;padding:10px }
	.bannerDownload img { width: 100%}
	.mapLocation {position: inherit; display: block; top: 10px; width: 350px}
	
	.titleBanner {font-size: 35px;}
	.list-news li .pic {width: 200px; height: 130px;}
	
	.content-head .pic { width: 150px; height: 100px; margin-right: 10px; }
	.content-head .content {font-size: 13px;}
	.content-head .content li {padding: 5px 10px}
	.content-detail .colR.picDB {width: 150px; margin-left: 10px;}
	.content-detail .contentD {overflow: visible; font-size: 13px;}

	.list-news2 li .pic { width: 150px; height: 100px; margin-right: 15px; }
	.list-news2 li .content li {font-size: 12px;}
	.bntView {float: none !important; margin-top: 5px;}

	.content-detail.news-detail .picDB {width: 100%}
	.box-write-comment .input-group {width: 100%;}
	.box-connect .input-group{width: 100%;}

	.list-gallery li a .cationG {top: 160px}
	.box-video .picVideo .captionPlay i {font-size: 60px;}

	.box-connect .clr{clear: none; height: auto;}


	.link-footer {padding: 10px 0; border-top: 5px solid #0e4274}
	.link-footer h3 {font-size: 18px;}
	.link-footer .listLF a{font-size: 16px;}
	.link-footer .rows div {min-height: 220px; margin: 10px 0}
	.listLF { border-bottom: 1px solid #edeef0 !important; margin-bottom: 0px !important; } 
	.footer { font-size: 16px;}
	.footer .pull-left{ padding-left:40px ;}
	.fc-event-title {color: #333; font-size: 10px !important;}


}

 
/* Landscape phones and down */
@media (max-width: 480px) {
	
	.brand {left: 30%; top: 2%}
	.brand img{width: 60%}
	.contact-header{ padding-left: 20px;}
	.contact-header h3{font-size: 12px;}
	.contact-header a {font-size: 7px;}
	.contact-header .icon-note:before {font-size: 24px;}
	.newsletter {font-size: 10px;}
	.quick-access .btn-custom {font-size: 20px;}

	#bannerSldie .carousel-control {top: 25%; width: 50px; height: 50px}
	.likeFB2 { position: inherit; padding-top: 5px;}
	
	.wrapper-featured .events-box .title-head {text-align: left; height: 45px; line-height: 35px}
	.wrapper-featured .events-box .date {width: 50px; height: 50px; font-size: 20px;}

	#bannerSldie .carousel-caption h1 {font-size: 14px;}
	#bannerSldie .carousel-caption p {font-size: 9px; height: 40px; overflow: hidden;}
	.content h4{height: auto;font-size: 15px !important;}
	.content p,.content a{height: auto; font-size: 12px!important;}

	.title-head {font-size: 20px }
	.location-home .title-head { font-size: 14px;}
	.location-home .title-head .icon{font-size: 20px;}

	.welcome h2 {display: block; float: none; font-size: 16px;}
	.welcome p {padding-top: 0px; font-size: 10px;}
	.breadcrumbs-box .breadcrumb {margin-top: -4px; font-size: 12px;}
	.breadcrumbs-box .likeFB2{display: none;}
	.breadcrumb > li {padding-bottom: 10px;}

	.mapLocation {position: inherit; display: block; top: 10px; width: 220px}	
	
	.link-footer {padding: 10px 0; }
	.link-footer h3 {font-size: 14px;}
	.link-footer .listLF a{font-size: 12px;}
	.link-footer .rows div{min-height: 190px; margin: 10px 0}	
	.footer { font-size: 11px; text-align: center;} 	
	.footer .pull-left{ padding-left:0px ; display: block; float: none !important;}
	.footer .pull-right{ padding:10px 0 0  ; display: block; float: none !important;}
	.link-footer .co4 i{ width: 24px; height: 24px}
	.link-footer .co4 i:before{font-size: 16px; padding-top: 5px; padding-left: 4px }
	.link-footer .rows div, .link-footer h3 {padding-left: 10px}

	.titleBanner {font-size: 20px;}
	.list-news li .pic {width: 45%; height: 150px; }
	/*.content {overflow:visible;}*/
	
	.pagination-custom .pagination {height: 37px}
	.pagination-custom .pagination > li i:before {width: 14px !important; height: 14px!important}
	.pagination-custom .pagination > li > a, .pagination-custom .pagination > li > span {padding: 10px 15px; font-size: 10px;}
	
	.list-gallery li a .cationG {top: 100px}
	.list-gallery li a .cationG h4 {font-size: 14px;}
	.content-head .content {font-size: 12px;}
	.content-head .content li {padding: 5px 10px}
	.content-detail .colR.picDB {width: 80px; margin-left: 10px;}
	.content-detail .contentD {overflow: visible; font-size: 12px;}
	.fc-event-title {color: #fff; font-size: 8px !important;}
	.fc-day-number{font-size: 11px !important;}
	.fc-event {padding: 2px !important}
	.fc-header-title h2{font-size: 16px;}
	.box-events .content-head a {font-size: 10px !important;}
	.box-events .content-head .content b {display: block;}

}
@media (max-width: 360px) {
	.brand img{width: 40%}
	.list-gallery li a .cationG {top: 70px}
	.pagination-custom .pagination{height: 30px}
	.pagination-custom .pagination > li > a, .pagination-custom .pagination > li > span {padding: 5px 10px; font-size: 10px;}
	.list-news li .pic {width: 100%; height: 100px; display: block; margin-bottom: 10px;}
	.list-news li .content {overflow:visible;}
	.content-head .pic { width: 100%; height: 130px; margin-bottom: 10px; float: none; }
	.list-news2 li .pic { width: 100%; height: 130px; margin-bottom: 10px; float: none; }
	.fc-event-title {color: #fff; font-size: 6px !important; line-height: 12px}
	.fc-day-number{font-size: 9px !important;}
	.fc-event {padding: 2px !important}
}