.no-padding{
	padding:0px;
}
.navbar-inverse .navbar-nav > li > a:visited,.navbar-inverse .navbar-nav > li > a:active{
    color: #000 !important;
}
#impactBoard .owl-theme .owl-nav.disabled+.owl-dots{
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: -163px;
}
#myCarouself .prev{
	position: absolute;
    top: 45%;
    font-size: 30px;
    color: #fcb034;
    display:none!important;
}
#myCarouself .next{
	position: absolute;
    top: 45%;
    font-size: 30px;
    color: #fcb034;
    right: 0;
    display:none !important;
}
#myCarouself:hover .prev,#myCarouself:hover .next{
	transition: 0.8s;
	display: block !important;
}
.div-vewfiner-1{
	width: 722px;
}
.btn-n-login{
	color: #FFF;
    position: absolute;
    top: 50%;
    left: 6%;
    font-size: 18px;
}
.btn-h-login{
	position: relative; 
	left: 12px;
	bottom: 15px; 
}
.buffer{
	background: url('../../assets/images/water2-gray.gif') no-repeat;
	background-position: center bottom;
}
.div-vewfiner-2{
	width: 448px;
}
#impactBoard .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}
#project-carousel>.owl-nav{
	display: none;
}
#impactBoard .owl-theme .owl-dots .owl-dot span {
    background: #FFF;
}
#impactWebBoard{
   margin-top: 30px;
}
#project-carousel>.owl-dots{
	position: absolute;
    left: -20%;
    /* top: 0px; */
    bottom: 20%;
}
#project-carousel>div>div>div>div>div>img {
    display: block;
    max-width: 100%;
    -webkit-transform-style: preserve-3d;
    width: 100% !important;
    height: 290px !important;
}
.owl-view .owl-dots{
	display: none !important;
}
.modal-hov{
	cursor: pointer;
}
.modal-hov:hover>a{
		color: #fbb034 !important;
} 
.modal-hov:hover>b{
	transition: 0.5s;
	color: #fbb034 !important;
} 
.text-mt4:hover{
	transition: 0.5s;
	color: #fbb034 !important;
}
.login-set:hover{
	transition: 0.5s; 
	opacity: 0.7;
}
.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}
.navbar-nav>li{
	margin-left: 5px;
}
.owl-view> .owl-nav>.owl-next {
    padding-left: 0px!important;
    width: 14px;
    height: 22px;
    right: -7px;
    top: 20%;
    position: absolute;
    font-size: 26px;
}
.owl-view> .owl-nav>.owl-prev {
    padding-left: 0px!important;
    width: 14px;
    height: 22px;
    left: -15px;
    top: 20%;
    position: absolute;
    font-size: 26px;
}
.navbar-inverse .navbar-nav > li > a {
    padding: 5px 13px;
}
.navbar-inverse .navbar-nav > li > div>button{ 
	color: #fcb034;
	font-size: 14px;
}
.navbar-inverse .navbar-nav > li > div>button>span{
	color: #000;
	font-size: 14px;
}
.navbar-inverse .navbar-nav > li > div {
	margin-top: 26px;
	margin-left: 5px;
    padding-bottom: 3px;
}
.navbar-inverse .navbar-nav > li > a {
    font-size: 14px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
    background-color: #fcb034;
    color: #fff;
}
.register-btn>button{
	border-bottom: 0px;
}
.register-btn>ul{
	    top: 93%;
}
.register-btn{
	background: url(../../assets/images/border-bottom-line.png) no-repeat;
    background-position: center bottom;
    background-size: 100%;
    border-bottom: 0px;
}
.menu-xs-visible{
	display: none;
}

.carousel-caption {
   top:15%;
   left:9%;
   right:0px;
   text-align: left;
}

.btn-view-project{
	background: #fcb034;
    width: 140px;
    height: 40px;
} 
.btn-view-project:hover{
	opacity: 0.9;
}
.height-set{
	height:565px;
}
#section-project {
    margin-bottom: 3%;
}

#impactBoard {
    position: relative;
    width: 100%;
    margin-bottom: 3%;
}
.dev-cicle>h3:first-child{
	margin-bottom: 0;
	padding-bottom: 0px !important;
	margin-top: 12px !important;
}
.dev-cicle>h3:last-child{
	margin:4px 0px 0px 0px;
}
.dev-cicle>h3:last-child>b{
	
	font-weight: normal !important;
	color: #fcb034;
	font-size: 24px;
}
.impactborad-head{
	width: 100%;
	height: 78px;
	background: #CCC;

}
.gif-1,.gif-2,.gif-3,.gif-4,.gif-5,.gif-6,.gif-7,.gif-8,.gif-9,.gif-10,.gif-11{ 
	display: none;
}
.div-1:hover .gif-1,.div-2:hover .gif-2,.div-3:hover .gif-3,.div-4:hover .gif-4,.div-5:hover .gif-5,.div-6:hover .gif-6,.div-7:hover .gif-7,.div-8:hover .gif-8,.div-9:hover .gif-9,.div-10:hover .gif-10,.div-11:hover .gif-11{ 
	display:inline-block;	
}
.div-1:hover .icon-1, .div-2:hover .icon-2, .div-3:hover .icon-3, .div-4:hover .icon-4, .div-5:hover .icon-5, .div-6:hover .icon-6, .div-7:hover .icon-7, .div-8:hover .icon-8, .div-9:hover .icon-9, .div-10:hover .icon-10, .div-11:hover .icon-11 { 
	display:none;	
}
.biz1-hover,.creator1-hover,.topia1-hover{
	display:none;
}
.impactborad-desc {
    width: 100%;
    height: 212px;
    background: #f2f2f2;
    padding: 5% 0% 0px 0%;
}
.impactborad-head>h4:first-child{
	margin: 0px !important;
	font-weight: normal;
	padding-top: 20px;
	color: #FFF;
}
.impactborad-head>h4:last-child{
	 margin: 0px !important;
	 font-weight: normal;
	 padding-top: 9%;
	 color: #FFF;  
}
.impactborad-desc>h4{
	color: #fcb034 !important;
	padding:10px 0 15px 0;
}
.impactborad-desc>h4,.impactborad-desc>h6{
	margin: 0px !important;
	font-weight: normal !important;
	color: #a9a9a9;
}
.impactborad-desc>h6 {
    padding: 0 15px 0 15px;
    line-height: 20px;
    font-size: 14px;
    color: #4e4e4e !important;
}

.impactborad-desc>a{
	color: #FFF;
	background:  #fcb034;
	border-radius: 5px;
	padding: 5px 15px 5px 15px;
	position: relative;
	top: 40px;
}
.bg-img-1,.bg-img-2,.bg-img-3{
	padding: 7px;
}
.bg-img-1>img,.bg-img-2>img,.bg-img-3>img{
	cursor: pointer;
}
#my-menu {
    position: absolute;
   top: 0;
    right: 0;
    width: 100%;
    height: 385px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
}
#my-menu2 {
    position: absolute;
    top: 95px;
    right: 0px;
    width: 100%;
    height: 285px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
}
#my-menu3 {
    position: absolute;
    top: 95px;
    right: 0px;
    width: 100%;
    height: 285px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
}
#my-menu4 {
       position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 380px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb; 
    padding: 5px;
}
#my-menu5 {
    position: absolute;
   top: 0;
    right: 0;
    width: 100%;
   height: 380px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
}
.img-buzzf {
       height: 380px
}
.img-buzzf img {
	width: 100%;
       height: 380px
}
#my-menuf {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 380px;  
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
}
#my-menuf .li-owl-img {
    width: 220px !important;
    height: 116px !important;
}
#my-menuf .li-owl-text {
    width: 198px  !important;
    height: 116px !important;
}
#my-menuf li {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 5px 0px;
    max-width: 100%;
    padding: 0px;
    cursor: pointer;
} 
#my-menu5 li {
    float: left;
    display: block;
    width: 100%;
    height: 114px;
    overflow: hidden;
    margin: 5px 0px;
    max-width: 100%;
    padding: 0px;
    cursor: pointer;
}  
.my-menu2>div>div>li {
    float: left;
    display: block;
    width: 100% !important;
    height: 114px !important;
    overflow: hidden; 
    margin: 5px 0px;
    max-width: 100%;
    padding: 0px;
}
.caption-f{
	background: #585556;    
	position: absolute;
	bottom: 0;
	width: 100%;                                  
}   
.caption-f h4{
	padding-left: 20px;
	color: #FFF;
	font-weight: normal !important;
}  
.dev-img-head{
	background:#fcb034; 
	padding:10px 30px;
}
.dev-head-impactbuzz{
	background: #fcb034;
	padding: 0px;
}
.dev-head-impactbuzz{
	background: #ebebeb;
	padding: 0px;
	overflow: hidden;
}
#my-menu li img {
	    width: 256px;
    height: 114px;
}
.img-buzz>img{
	width: 586px;
	height:291px;
}
.img-buzz{
	height:291px;
}
.img-buzz2{
	height:285px; width: 100%; overflow: hidden; 
}
.img-buzz2>img{
	position: relative;
}



.img-buzz2.overflow {
        overflow: visible;
} 

.map-img{
	position: absolute;
	top: 0;
	left: 0; 
}
#my-menu2 li img {
    width: 262px;
    height: 114px;
}
#my-menu3 li img {
     width: 262px;
    height: 114px;
}
#my-menu4 li img {
     width: 262px;
    height: 114px;
}
#my-menu5 li img {
     width: 262px;
    height: 114px;
}
#my-menuf li img {
       width: 100%;
    height: 116px;;
}
#project-carousel>div>div>img{
	width: 553px !important;
    height: 290px !important;
}
.map-img-hover{ 
	display:none; 
}
.blog-map{
	height:650px;
	margin-top: 3%;	 
}
.blog-map-l{
	padding: 3% 0% 3% 3%;	 
}
.blog-src-map {
    z-index: 99999999;
    width: 34%;
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 4%;
    padding-left: 15px;
    padding-right: 15px;
}
.blog-src-map>div{
	margin-bottom: 5px !important;
}
.blog-src-map>div>select{
	height: 40px;
}
.btn-src>img{
	cursor: pointer;
}
.btn-src>img:hover{
	opacity: 0.8;
}
.xxs>.input-group-addon {
    padding: 0px 4px;
    padding-left: 0px !important;
    font-size: 14px;
}
.xxs>input{
	font-size: 12px !important;
}
.blog-event{
	position: relative;
	border: 1px solid #ffd200;
	padding: 6px; 
	cursor: pointer;
}
.non-br{
	border: 1px solid #f2f2f2;
}
.event-l{
	height: 512px;
	background: url('../../assets/images/event-l.png') no-repeat;
	background-position:top right;
	background-size: contain;
	    padding: 12px; 
}
.event{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
}
.btn-event{
	background: #ffd200;
	border: 0px; 
	border-radius: 5px; 
	height: 32px; 
	width: 100px;
	padding: 3px 10px 3px 10px;
    top: 5px;
    position: relative;
}
.btn-event:hover{
	opacity:0.7;
}
.btn-non-event:hover{
	opacity:0.7;
}
.blog-event{
	position: relative;
}
.blog-event h4{
	font-weight: normal !important;
}
.blog-event div h5{
	font-weight: normal !important;
}
.blog-event>img{
	text-align: center;
}
.blog-event:hover{
	transition: 0.7s;
	border: 1px solid #525252 !important;
}

.blog-event>div>.event-left{
	position: absolute;
	left: 5px;
	bottom: 0px;
}
.blog-event>div>.event-right{
	position: absolute;
	right: 5px; 
	bottom: 10px;
}
.btn-non-event{
	background: #959595;
	border: 0px; 
	border-radius: 5px; 
	height: 32px; 
	width: 100px;
	color: #FFF;
	padding: 3px 10px 3px 10px;
    top: 5px;
    position: relative;
}
#btn-event-all{
	float: right;
	padding-top: 15px;
	padding-bottom: 25px;
	cursor: pointer;
	    width: 100px;
}
#btn-event-all:hover{
	opacity: 0.8;
}
#main-slider .carousel-inner {
    height: 293px;
}
.modal-md{
	width: 70% !important;
}
.speech-bubble{}
.speech-bubble:before{
	    content: "";
    position: absolute;
    width: 0;
    bottom: -8px;
    left: 41%;
    height: 0;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 8px solid #000;
    margin: 0px;
}   
.project-img{
	padding-bottom: 20px;
}
.li-owl-img{
	width: 50%;
	float:left;
	height: 90px;
}  
.li-owl-text{
	width: 50%;
	background: #FFF;
	float:right;
	height: 92px;
}
.li-owl-text>h5{
	margin: 14px;
}    
.bg-map{
	background: url('../../assets/images/bg-header.png')no-repeat;
	background-position: top center;
	background-size: 100%;
}
.bg-map>.col-xs-12{
	margin-top: 2%;
    margin-bottom: 7%;
}
.bg-map-1{
	z-index: 99;
	background:#fbfbfb;
	border-radius: 5px;	
	
}
.h-map{
	 min-height: 350px !important;
}
.h-map-w{
	 min-height: 350px !important;
}
.text-map{
	padding-top: 5%;
}
.text-map>.h-text{
	background: #5f6062;
	color:#FFF;
	line-height: 40px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: 5%;
}
.text-map>span{
	margin-left: 30px;
}
#Foundation {
    position: relative;
    width: 100%;
    height: 399px;
    background: url(../images/footer-banner-3.png) top center no-repeat;
    background-size: cover;
    margin-top: 30px;
}  
#Foundation:hover {
    background: url(../images/footer-banner-4.png) top center no-repeat;
	  background-size: cover;
}  
.item-impactview{
	height: 140px;
    width: 140px;
}
.item-impactview>img{
	height: 140px;
    width: 140px;
    border-radius: 50%;
	
} 
.blog-event-head{
	height:142px !important;    
	overflow: hidden;
	
}
.owl-view-banner .owl-nav .owl-prev{
	position: absolute;
    top: 40%;
    font-size: 30px;
    left: 0px;
}
.owl-view-banner .owl-nav .owl-next{
	position: absolute;
    top: 40%;
    font-size: 30px;
    right: 0px;
}
.login-hover{
	padding-right:15px;
}
.login-hover:hover{
	color:#fcb034 !important;
	transition: 0.8s !important;
}
.owl-theme .owl-nav {
    margin-top: 0px;
}
.project-head{
	background: #5f6062;
	line-height: 40px;
	color: #FFF;
	margin-top: 30px;
	margin-bottom: 10px;
	    padding-left: 15px;
}
.project-img>table{
	background: #ffffff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: auto;
}
.project-img>table>tbody>tr>td{
	vertical-align: top;
    width: 2%;
    padding-top: 5%;
}
.project-img>table>tbody>tr>td:last-child{
	 padding-right: 10px;
	 font-size: 14px;
}
.project-img>.des-1{
	padding-top: 5%;
	padding-bottom: 5%;
}
.project-img>.des-1{
	padding-top: 5%;
	padding-bottom: 5%;
}
.desc-all{
	background: #fbb034;
	line-height: 40px;
	color: #FFF;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.img-logo-new {
    position: absolute;
    top: -5px;
    z-index: 140;
    right: -5px;
   /* -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.62);
-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.62);
box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.62);*/


}
.SET-title a{
    color: #ffa400;
    font-weight: normal;
}
.SET-title a:hover{
    color: #ffa400;
    text-decoration: underline;
}
.detail-img{
	margin-top: 5%;
}
#section-banner {
    background: url(../images/SETsocielimpact-home_03.png) top center no-repeat;
    width: 100%;
    position: relative;
    height: 562px;
}
.set1 {
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -106px;
    z-index: 3;
}
.set1-on {
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -103px;
    z-index: 4;
}
.banner1 {
    position: absolute;
    left: 10px;
    top: 310px;
}
.biz1 {
    position: absolute;
    top: 336px;
    left: 225px;
}
.setbox {
    position: absolute;
    top: 20px;
    left: 0px;
}
.banner2 {
    position: absolute;
    left: 372px;
    top: 130px;
}
.creator1 {
    position: absolute;
    top: 161px;
    left: 595px;
}
.topia1 {
    position: absolute;
    top: 355px;
    right: 249px;
}
.banner3 {
    position: absolute;
    right: 0px;
    top: 305px;
}
.readmore_a {
    border: 1px solid #000;
    position: absolute;
    top: 30px;
    right: 15px;
    color: #000;
    padding: 5px 15px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.readmore_a:hover{
	background:#000; color:#FFF;
}
.img-div-1{
	position: absolute;
	left: 0%;    
	top: 14px;
}
.img-div-2{  
	position: absolute;
	left: 30%;    
	top: 14px;
}
.post-div-1{
	position: absolute;
	z-index: 9999;
	left: 46%;
    z-index: 9999;
    top: 9px;
    font-size: 14px;
        left: 35px;
}
.post-div-2{
	position: absolute;
	z-index: 9999;
	left: 27%;
    z-index: 9999;
    top: 9px;
     font-size: 14px;
     left: 40%;
}
@media  only screen and (min-width: 2000px){
	.carousel-caption {
    top: 15%;
    left: 29%;
    right: 0px;
    text-align: left;
}
}
@media  only screen and (min-width: 1441px){
/*.creator1 {
    position: absolute;
    top: 118px;
    left: 540px;
}
.banner2 {
    position: absolute;
    left: 462px;
    top: 20px;
}
.banner3 {
    position: absolute;
    right: 0px;
    top: 255px;
}
.topia1 {
    position: absolute;
    top: 295px;
    right: 239px;
}
.set1-on {
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -95px;
    z-index: 4;
}
.set1 {
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -95px;
    z-index: 3;
}
.banner1 {
    position: absolute;
    left: 10px;
    top: 260px;
}
.biz1 {
    position: absolute;
    top: 256px;
    left: 225px;
}
.setbox {
    position: absolute;
    top: 30px;
    left: 0px;
}
	.img-logo-new {
    position: absolute;
    top: 0px;
    z-index: 9999;
    right: 5%;
}
.mian-bg {
    background: url(../images/banner-bg.png) top center no-repeat;
    height: 8px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 999;
    background-size: 100%;
}
#section-banner {
    background: url(../images/SETsocielimpact-home_03.png) top center no-repeat;
    width: 100%;
    position: relative;
    height: 565px;
    background-position: center top;
    background-size: cover;
}
#owl-view {
    width: 100%;
}  
 #main-slider .carousel-inner {
    height: 419px;
} 
#Foundation {
    position: relative;
    width: 100%;
    height: 569px;
    background: url(../images/SET-Fo.jpg) top center no-repeat;
    margin-top: 30px;
}  
#section-banner {
    background: url(../images/SETsocielimpact-home_03.png) top center no-repeat;
    width: 100%;
    position: relative;
    height: 512px;
}    */   
#Foundation {
    position: relative;
    width: 100%;
    height: 569px;
}    
        
} 
#webboardCate{
	position: absolute;
    top: 30px;
    right: 35%;
    color: #000;
    padding: 5px 15px;
    font-size: 14px;
}    
#webboardSortBy{
	position: absolute;
    top: 30px;
    right: 19%;
    color: #000;
    padding: 5px 15px;
    font-size: 14px;
}    
@media  only screen and (max-width: 1199px){
.mian-bg {
    height: 7px;
}	
#project-carousel>div>div>div>div>div>img {
    display: block;
    max-width: 100%;
    -webkit-transform-style: preserve-3d;
    width: 100% !important;
    height: 240px !important;
}
.impactborad-desc>h6 {
    padding: 0 5px 0 5px;
    line-height: 14px;
    font-size: 12px;
}
.impactborad-head>h4:first-child {
    padding-top: 10%;
    font-size: 14px;
}
#project-carousel>.owl-dots {
    position: absolute;
    left: -20%;
    /* top: 0px; */
    bottom: 40%;
}
#webboardSortBy {
    position: absolute;
    top: 30px;
    right: 21%;
    color: #000;
    padding: 5px 15px;
    font-size: 14px;
}
#webboardCate {
    position: absolute;
    top: 30px;
    right: 41%;
    color: #000;
    padding: 5px 15px;
    font-size: 14px;
}
.bg-img-1, .bg-img-2, .bg-img-3 {
    padding: 16px;
}
.img-logo-new {
    position: absolute;
    top: 0px;
    z-index: 9999;
    right: 2%;
    width: 150px;
}
#main-slider .carousel-inner {
    height: 258px;
} 
.blog-event-head{
	height:210px;
}
.blog-event>div>h4{
	font-size: 13px;
}
#section-finish h3 {
    font-size: 14px;
}
.blog-event>div>div>h5{
	font-size: 12px;
}
.btn-non-event {
    font-size: 12px;
}
.navbar-inverse .navbar-nav > li > a {
    padding: 5px 9px;
    line-height: 35px;
}
.navbar-inverse .navbar-nav > li > div {
    margin-top: 14px;
}
.navbar {
	min-height: auto !important;
}
.register-btn>ul>li>a{
	font-size: 12px;
}
.register-btn>ul{
    min-width: 135px;
}
.carousel-caption {
    top: 9%;
    left: 9%;
    right: 0px;
    text-align: left;
}
.caption>h1{
	font-size: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.caption>h2{
	font-size: 16px;
}
.banner1 {
    position: absolute;
    left: 0px;
    top: 270px;
    width: 170px;
}
.biz1 {
    position: absolute;
    top: 286px;
    left: 180px;
    width: 150px;
}
#bbiz3 {
    position: absolute;
    top: 286px;
    left: 177px;
    width: 155px;
}
.setbox {
    position: absolute;
    top: 0px;
    left: 18%;
    width: 70%;
}
.banner2 {
    position: absolute;
    left: 280px;
    top: 80px;
    width: 200px;
}
.creator1 {
    position: absolute;
    top: 80px;
    left: 510px;
    width: 150px;
}
#creator3 {
    position: absolute;
    top: 80px;
    left: 498px;
    width: 175px;
}
#section-banner {
    background: url(../images/SETsocielimpact-home_03.png) top center no-repeat;
    width: 100%;
    position: relative;
    height: 482px;
    background-size: cover;
}
.height-set {
    height: 475px;
}
.height-set {
    height: 475px;
}
.banner3 {
    position: absolute;
    right: -20px;
    top: 285px;
    width: 200px;
}
.setbox:hover {
    position: absolute;
    top: 0px;
    left: 18%;
}
.topia1 {
    position: absolute;
    top: 305px;
    right: 169px;
    width: 150px;
}
.set1-on {
    position: absolute;
    left: 51%;
    bottom: -1%;
    margin-left: -95px;
    z-index: 4;
    width: 170px;
}
.set1 {
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -95px;
    z-index: 3;
    width: 185px;
    /* top: 3%; */
}
#section-project {
    background: url(../images/SETsocielimpact-home_02.png) top center no-repeat;
    width: 100%;
    height:90px;
    margin-top: 50px;
    background-size: 100%;
    margin-bottom: 3%;
}
#imBoard {
    position: relative;
    background: #fcb034;
    min-height: 240px;
}
.impactborad-head>h4:first-child {
    padding-top: 15px;
    font-size: 14px;
}
.impactborad-head>h4:last-child {
   font-size: 14px;
}
.impactborad-desc>h4 {
    padding: 10px 0 10px 0;
}
.impactborad-desc>a {
    padding: 5px 15px 5px 15px;
    top: 15px;
}
.impactborad-desc {
    width: 100%;
    height: 162px;
    background: #f2f2f2;
    padding: 1% 0% 0px 0%;
} 
#imBoard>div>img {
    width: 80%;
}
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 291px;
    height: 291px;
    right: 0px;
    left: 436px !important;
    top: 0px;
}
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 291px;
    height: 291px;
    right: 0px;
    left: 436px !important;
    top: 0px;
}
.readmore {
    border: 1px solid #000;
    position: absolute;
    top: 30px;
    right: 15px;
    color: #000;
    padding: 5px 15px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.readmore_a {
    border: 1px solid #000;
    position: absolute;
    top: 30px;
       right: 12% !important;
    color: #000;
    padding: 5px 15px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.img-buzzf {
    height: 328px;
}
#my-menuf {
    height: 328px;
}
.li-owl-text {
    height: 74px;
}
.text-map{
	clear: both;
	margin: 0px;
	width: 100%;
	padding-bottom: 20px;
}
.text-map>#text-region{
	padding-left: 15px !important;
}
.h-map {
    min-height: 350px;
    width: 100%;
}
#project-carousel>div>div>img {
    width: 100% !important;
    height: 240px !important;
}
.div-vewfiner-1 {
    width: 66.66%;
}
.div-vewfiner-2 {
    width: 33.33%;
}
#my-menuf .li-owl-img {
    width: 50% !important;
    height: auto !important;
}
#my-menuf li img {
    width: 100% !important;
    height: auto !important;
}
#my-menuf .li-owl-text {
    width: 50% !important;
    height: 74px !important;
}
#myCarousel2 .carousel-caption {
    background: #5f6062;
    width: 291px;
    height: 291px;
    right: 0px;
    left: 437px !important;
    top: 0px;
}
#myCarousel3 .carousel-caption {
    background: #5f6062;
    width: 291px;
    height: 291px;
    right: 0px;
    left: 452px !important;
    top: 0px;
}  
#myCarousel4 .carousel-caption {
    background: #5f6062;
    width: 291px;
    height: 291px;
    right: 0px;
    left: 452px !important;
    top: 0px;
}
#my-menu div{
	font-size: 10px !important;
}
.dev-img-head>a:first-child{
	right: 11% !important;
}
}
@media  only screen and (max-width: 991px){
#section-project {
	height:80px;
	margin-bottom: 2%;
}
.bg-img-1, .bg-img-2, .bg-img-3 {
    padding: 22px 5px 22px 5px;
}
#main-slider .carousel-inner {
    height: 213px;
} 
.mian-bg {
    height: 5px;
}
.event-l {
   height: 930px;
    padding-left: 0px;
}
.blog-event-head {
    height: 200px;
}
.event-l>img{
	width: 90px;
}
.navbar-inverse .navbar-nav > li > a {
    font-size: 11px;
}
.navbar-inverse .navbar-nav > li > a {
    padding: 0px 5px;
    line-height: 35px;
}
.img-logo-new {
    position: absolute;
    top: 0px;
    z-index: 9999;
    right: 2%;
    width: 120px;
}
.navbar-inverse .navbar-nav > li > div>button {
    color: #fcb034;
    font-size: 11px;
}
.navbar-inverse .navbar-nav > li > div {
    margin-top: 15px;
    margin-left: 0px;
    padding-bottom: 3px;
}
.register-btn>ul>li>a{
	font-size: 11px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
    padding: 8px 7px;
    color: #fff;
}
.carousel-caption {
    top: 3%;
    left: 9%;
    right: 0px;
    text-align: left;
}
.caption>h1{
	font-size: 20px !important;
	margin-top: 10px;
	margin-bottom: 10px;
}
.caption>h2{
	font-size: 14px !important;
}
.btn-view-project {
    background: #fcb034;
    width: 120px;
    height: 32px;
}
#section-banner {
    height: 392px;
    background-size: cover;
}
.height-set {
       height: 395px;
}
.set1 {
    position: absolute;
    left: 53%;
    bottom: 0px;
    margin-left: -95px;
    z-index: 3;
    width: 145px;
}
.set1-on {
    position: absolute;
    left: 54%;
    bottom: 2%;
    margin-left: -95px;
    z-index: 4;
    width: 130px;
}
.setbox {
    position: absolute;
    top: 0px;
    left: 18%;
    width: 70%;
}
.biz1 {
    position: absolute;
    top: 250px;
    left: 130px;
    width: 110px;
}
#bbiz3 {
    position: absolute;
    top: 250px;
    left: 128px;
    width: 115px;
}
.banner1 {
    position: absolute;
    left: 0px;
    top: 220px;
    width: 120px;
}

.setbox:hover {
    position: absolute;
    top: 50px;
    left: 5px;
}
.banner2 {
    position: absolute;
    left: 220px;
    top: 80px;
    width: 150px;
}
.creator1 {
    position: absolute;
    top: 90px;
    left: 380px;
    width: 110px;
}
#creator3 {
    position: absolute;
    top: 90px;
    left: 373px;
    width: 130px;
}
.banner3 {
    position: absolute;
    right: 0px;
    top: 235px;
    width: 120px;
}
.topia1 {
    position: absolute;
    top: 265px;
    right: 139px;
    width: 100px;
}
.topia1 {
    position: absolute;
    top: 265px;
    right: 139px;
    width: 100px;
}
#imBoard {
    position: relative;
    background: #fcb034;
    min-height: 186px;
}
.impactborad-head {
    width: 100%;
    height: 68px;
    background: #CCC;
}
#impactBoard .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: -121px;
}
.impactborad-head>h4:first-child {
    font-size: 10px;
}
.impactborad-head>h4:last-child {
    font-size: 10px;
}
.impactborad-desc>h4 {
    padding: 3px 0 0px 0;
    font-size: 12px;
}
.impactborad-desc>h6 {
    padding-top: 1px;
}
.impactborad-desc>a {
    padding: 2px 10px 2px 10px;
    font-size: 12px;
    top: 15px;
}
.impactborad-desc {
    width: 100%;
    height: 118px;
    background: #f2f2f2;
    padding: 1% 0% 0px 0%;
}
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 210px;
    height: 291px;
    right: 0px;
    left: 352px !important;
    top: 0px;
}
#myCarousel .prev {
    position: absolute;
    bottom: 10px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 168px;
    z-index: 99;
    font-size: 20px;
    color: #FFF;
}
#myCarousel .next {
    position: absolute;
    bottom: 10px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 138px;
    z-index: 99;
    font-size: 20px;
    color: #FFF;
}
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 210px;
    height: 291px;
    right: 0px;
    left: 352px !important;
    top: 0px;
}
#myCarouselN .prev {
    position: absolute;
    bottom: 10px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 168px;
    z-index: 99;
    font-size: 20px;
    color: #FFF;
}
#myCarouselN .next {
    position: absolute;
    bottom: 10px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 138px;
    z-index: 99;
    font-size: 20px;
    color: #FFF;
}
.readmore {
   right: 15px;
}
.img-buzz {
    height: 278px;
}
.img-buzz2 {
    height: 272px;
}
#my-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 370px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
}
#my-menu5 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 363px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
}   
#my-menu2,#my-menu3{
	height: 272px;
}
#my-menu4 {
    height: 367px;
}
#my-menu li {
    float: left;
    display: block;
    width: 256px;
    height: auto;
    overflow: hidden;
    margin: 5px 0px;
    max-width: 100%;
    padding: 0px;
}
#my-menu5 li {
    float: left;
    display: block;
    width: 256px;
    height: auto;
    overflow: hidden;
    margin: 5px 0px;
    max-width: 100%;
    padding: 0px;
}
#my-menuf li {
    float: left;
    display: block;
    width: 256px;
    height: auto;
    overflow: hidden;
    margin: 5px 0px;
    max-width: 100%;
    padding: 0px;
}

.img-buzzf {
    height: 254px;
}
#my-menuf{
    height: 254px;
}
.li-owl-text {
    height: 56px;
}
.li-owl-text>h5{
	margin: 6px;
	font-size: 10px; 
} 
.setbox:hover {
    position: absolute;
    top: 0px;
    left: 18%;
}
#project-carousel>div>div>img {
    width: 100% !important;
    height: 186px !important;
}
#project-carousel>div>div{
	height: 186px !important;
}
#myCarousel2 .carousel-caption {
    background: #5f6062;
    width: 291px;
    height: 291px;
    right: 0px;
    left: 272px !important;
    top: 0px;
}
#myCarousel3 .carousel-caption {
    background: #5f6062;
    width: 291px;
    height: 291px;
    right: 0px;
    left: 287px !important;
    top: 0px;
}
#myCarousel4 .carousel-caption {
    background: #5f6062;
    width: 291px;
    height: 291px;
    right: 0px;
    left: 287px !important;
    top: 0px;
}
#my-menu2 li img {
    width: 262px;
    height: 80px;
}
#my-menu3 li img {
    width: 100%;
    height: 80px;
}
#my-menu4 li img {
    width: 100%;
    height: 80px;
}
#my-menu5 li img {
    width: 100%;
    height: 80px;
}
#my-menuf .li-owl-text {
    width: 50% !important;
    height: 56px !important;
}
.my-menu2>div>div>li,.my-menu3>div>div>li,.my-menu4>div>div>li,.my-menu5>div>div>li{
    height: 80px !important;
}
.readmore_a {
    right: 15% !important;
}
}
@media  only screen and (max-width: 916px){
	
}
@media  only screen and (max-width: 850px){
.carousel-caption {
    top: 1%;
    left: 9%;
    right: 0px;
    text-align: left;
    padding-top: 15px;
}

}
@media  only screen and (max-width: 768px){
#main-slider .carousel-inner {
    height: 164px;
} 
#webboardSortBy {
    position: absolute;
    top: 30px;
    right: 26%;
    color: #000;
    padding: 5px 15px;
    font-size: 12px;
    width: 130px;
}
#webboardCate {
    position: absolute;
    top: 30px;
    right: 44%;
    color: #000;
    padding: 5px 15px;
    font-size: 12px;
    width: 120px;
}
#project-carousel>div>div>div>div>div>img {
    display: block;
    max-width: 100%;
    -webkit-transform-style: preserve-3d;
    width: 100% !important;
    height: 186px !important;
}
.detail-img>img{
	width: 90px !important;
}
.detail-img>div{
	    bottom: 5px !important;
    right: 40% !important;
    font-size: 12px !important;
}
#project-carousel .left,#project-carousel .owl-item{
	    height: 190px !important;
}
#project-carousel .owl-nav{
	display: none !important;
}
#project-carousel>.owl-dots {
    position: absolute;
    left: -20%;
    /* top: 0px; */
    bottom: -70%;
}  
.banner3 {
    position: absolute;
    right: 15px;
    top: 250px;
    width: 120px;
}
.banner1 {
    position: absolute;
    left: 10px;
    top: 232px;
    width: 120px;
}
.mian-bg {
    height: 5px;
    background-size: 100%;
}
#section-project {
	height:60px;
	margin-bottom: 2%;
}

#section-finish h2 {
    color: #231f20;
    font-size: 22px;
    font-family: 'db_helvethaicamon_x65_med';
}
#section-finish h3 {
    color: #5f6062;
    font-size: 14px;
    font-family: 'db_helvethaicamon_x65_med';
    padding-bottom: 10px;
    margin-top: 0px;
}
.impactborad-head {
    height: 60px;
}
.impactborad-desc {
    width: 100%;
    height: 126px;
    background: #f2f2f2;
    padding: 1% 0% 0px 0%;
}
.h-map {
    height: auto;
    width: 100%;
}
.li-owl-img {
    width: 50%;
    float: left;
    height: 50px;
}
#my-menu2 li,#my-menu3 li,#my-menu4 li {
    height: 54px !important;
}
}
@media  only screen and (max-width: 767px){
#section-project{
	display: none;
}
#project-carousel>div>div>div>div>div>img {
    display: block;
    max-width: 100%;
    -webkit-transform-style: preserve-3d;
    width: 100% !important;
    height: 156px !important;
}
.impactborad-desc>h6 {
        display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#mapHtml>map>area{
	display:none !important;
}
.project-img{
	padding: 0px;
    padding-bottom: 15px;
}
#bottom .widget {
    padding: 7px;
}
.dev-img-head2>img{
	width: 34% !important;
}	
.event-l{
	height: auto;
	background: url('../../assets/images/event-b.png') no-repeat;
	background-position:bottom center;
	background-size: contain;
	padding: 0px; 
	margin-bottom: 20px;
} 
#main-slider .carousel-inner {
    height: auto;
}              
.menu-xs{
	margin-top:4%;
	cursor: pointer;	
}
.mian-bg {
    height: 3px;
    background-size: 100%;

}	
.menu-xs-visible{
	background: #FFF;
	padding: 0px;
}
.menu-xs-visible>div{
	padding:5px 15px 5px 15px;
}
.menu-xs-visible>div>a{
	color: #fcb034;
}
.menu-xs-visible>div:hover,.menu-xs-visible>.active{ 
	background: #fcb034;
}
.menu-xs-visible>div:hover>a,.menu-xs-visible>.active>a{
	color: #FFF;
}
.menu-xs-visible>.register-xs-sub,.menu-xs-visible>.register-xs-sub:hover{
	background: #fcb034 !important;
	opacity: 0.8;
}
.menu-xs-visible>.register-xs-sub>a,.menu-xs-visible>.register-xs-sub:hover>a{
	color: #FFF !important;
}
.menu-xs-visible>.register-xs-sub-all{
	padding-left: 30px;
}
.carousel-caption {
    top: 0%;
    left: 9%;
    right: 0px;
    text-align: left;
    padding-top: 5px;
}
.caption>h1{
	font-size: 18px !important;
	margin-top: 5px;
	margin-bottom: 5px;
}
.caption>h2{
	font-size: 12px !important;
}
.btn-view-project {
    background: #fcb034;
    width: 100px;
    height: 32px;
}
.dev-img-head{
	padding:5px;
}
#impactBoard {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}
#my-menu li {
    float: left;
    display: block;
    width: 256px;
    height: auto;
    overflow: hidden;
    margin: 5px 0px;
    max-width: 100%;
    padding: 0px;
}
#my-menu5 li {
    float: left;
    display: block;
    width: 256px;
    height: auto;
    overflow: hidden;
    margin: 5px 0px;
    max-width: 100%;
    padding: 0px;
}
.map-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
}
.blog-src-map {
    z-index: 99999999;
    width:100%;
    text-align: right;
    position: relative;
    bottom: 0px;
    right: 0%;
        bottom: 0px;
}
#section-banner {
   background-size: cover;
}
#project-carousel>div>div>img {
    width: 100% !important;
    height: auto !important;
}
#project-carousel>div>div>div>img{
	width: 60px !important;
}
.dev-img-head>img{
	width:80px !important;
}
#impactWebBoard table thead th{
	font-size: 12px !important;
}
#webboard-html  tr td,#webboard-html  tr td a{
	font-size: 10px !important;
}
}
@media  only screen and (max-width: 695px){

#Foundation {
    position: relative;
    width: 100%;
    height: 229px;
}
#section-banner {
    height: 310px;
}
#section-project {
	height:50px;
}
.height-set {
    height: 320px;
}
.set1 {
    left: 56%;
    width: 105px;
    bottom: 10px;
}
.set1-on {
    left: 57%;
    width: 93px;
    bottom: 5%;
}
.banner1 {
    left: 15px;
    top: 160px;
    width: 110px;
}
.biz1 {
    top: 178px;
    left: 130px;
    width: 110px;
}
#bbiz3 {
    position: absolute;
    top: 178px;
    left: 128px;
    width: 115px;
}
.setbox {
position: absolute;
    top: 0px;
    left: 18%;
    width: 70%;
}
.setbox:hover{
    position: absolute;
    top: 0px;
    left: 18%;
    width: 70%;
}
.creator1 {
    position: absolute;
    top: 80px;
    left: 355px;
    width: 100px;
}
#creator3 {
    position: absolute;
    top: 80px;
    left: 355px;
    width: 100px;
}
.banner2 {
    position: absolute;
    left: 220px;
    top: 60px;
    width: 150px;
}
.banner3 {
    right: 10px;
    top: 175px;
    width: 110px;
}
.topia1 {
    top: 204px;
    right: 139px;
    width: 90px;
}
#my-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 324px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
}
#my-menu5 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 324px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
}
#my-menu2, #my-menu3, #my-menu4 {
    height: 236px;
    top: 85px;
}
.bg-img-1, .bg-img-3 {
    padding: 8px 5px 9px 5px;
}
.bg-img-2{
    padding: 6px 5px 5px 5px;
}
.bg-img-1>img, .bg-img-2>img, .bg-img-3>img {
    cursor: pointer;
    width: 80px;
}
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 190px;
    height: 252px;
    right: 0px;
    left: 319px !important;
    top: 0px;
}
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 190px;
    height: 252px;
    right: 0px;
    left: 319px !important;
    top: 0px;
}
.carousel-caption>.box>p{
	font-size: 11px;
}
.carousel-caption>.box>h3{
	margin-top: 10px;
	font-size: 12px;
}
#myCarousel .carousel-caption .box {
    background: #FFF;
    padding: 15px;
    position: relative;
    left: -15px;
    height: 190px;
    color: #4c4c4c;
    text-shadow: none;
    font-size: 12px;
    text-align: left;
    line-height: 14px;
}
#myCarousel .prev {
    position: absolute;
    bottom: 18px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 158px;
    z-index: 99;
    font-size: 14px;
    color: #FFF;
    display: block !important;
}
#myCarousel .next {
    position: absolute;
    bottom: 18px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 128px;
    z-index: 99;
    font-size: 14px;
    color: #FFF;
    display: block !important;
}
#myCarouselN .carousel-caption .box {
    background: #FFF;
    padding: 15px;
    position: relative;
    left: -15px;
    height: 190px;
    color: #4c4c4c;
    text-shadow: none;
    font-size: 12px;
    text-align: left;
    line-height: 14px;
}
#myCarouselN .prev {
    position: absolute;
    bottom: 18px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 158px;
    z-index: 99;
    font-size: 14px;
    color: #FFF;
    display: block !important;
}
#myCarouselN .next {
    position: absolute;
    bottom: 18px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 128px;
    z-index: 99;
    font-size: 14px;
    color: #FFF;
    display: block !important;
}
.readmore {
    top: 20px;
}
.img-buzz {
    height: 242px;
}
.img-buzz2 {
    height: 236px;
}
.img-buzzf {
    height: 229px;
}
#my-menuf{
    height: 229px;
}
.li-owl-text {
    height: 50px;
}
.li-owl-text>h5{
	margin: 6px;
	font-size: 6px; 
} 
#section-finish{
	margin-top:0px !important;
}
#my-menu li img {
    width: 100%;
    height: 60px;
}
#my-menu>div>div>li>a>div{
	left: 4% !important;
    width: 96% !important;  
}
#myCarousel .carousel-caption .box {
    padding-top: 1px;
}
#impactBuzz .readmore {
    top: 8px;
}
.readmore {
    border: 1px solid #000;
    position: absolute;
    top: 30px;
    right: 15px;
    color: #000;
    padding: 0px 5px;
    font-size: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#my-menu {
    height: 282px;
}
.event-right>a:last-child{
	left: 70% !important;  
}
#my-menu2, #my-menu3 {
    height: 236px;
    top: 44px;
}
#my-menu3{
    height: 236px;
    top: 39px;
}
#my-menu4 {
    height: 272px;
    top: 0px;
}
#my-menu5 {  
    height: 254px;
}
.blog-map {
    height: 820px;
    margin-top: 3%;
}
}

@media  only screen and (max-width: 640px){
.blog-map {
    height: 780px;
    margin-top: 3%;
}

#imBoard {
    min-height: 154px;
}
#impactBoard .owl-theme .owl-controls {
    bottom: 20px;
    left: -103px;
}
.impactborad-desc>h4 {
    padding: 3px 0 0px 0;
    font-size: 10px;
}
.impactborad-desc {
    height: 94px;
}
.impactborad-desc>h6 {
    padding-top: 0px;
    font-size: 10px;
}
.impactborad-desc>a {
    padding: 2px 8px 2px 8px;
    font-size: 10px;
    top: 5px;
}
#my-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 269px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
} 
#my-menu5 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 304px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
} 
#my-menu2, #my-menu3, #my-menu4 {
    height: 237px;
        top: 59px;
}
#my-menu3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 304px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
} 
#my-menu4 { 
    position: absolute;    
    top: 0;
    right: 0;
    width: 100%;
    height: 304px;
    overflow-x: hidden;
    z-index: 3;
    background: #ebebeb;
    padding: 5px;
} 
.dev-img-head{
	 width: 72%;
    padding: 5px;
}
 #myCarousel .next {
    bottom: 8px;
    right: 88px;  
}
#myCarousel .prev {
    bottom: 8px;
    right: 128px;
}
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 150px;
    height: 252px;
    right: 0px;
    left: 319px !important;
    top: 0px;
}
#myCarousel .carousel-caption .box {
    padding: 10px;
}
#myCarousel .carousel-caption .box h3 {
    margin: 0px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}  
#myCarouselN .next {
    bottom: 8px;
    right: 88px;  
}
#myCarouselN .prev {
    bottom: 8px;
    right: 128px;
}
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 150px;
    height: 252px;
    right: 0px;
    left: 319px !important;
    top: 0px;
}
#myCarouselN .carousel-caption .box {
    padding: 10px;
}
#myCarouselN .carousel-caption .box h3 {
	margin: 0px;
}
.carousel-caption>.box>p{
	font-size: 10px;
}
.img-buzz {
    height: 235px;
}
.img-buzz {
    height: 229px;
}
.img-buzzf {
    height: 210px;
}
#my-menuf{
    height: 210px;
}
.li-owl-text {
    height: 45px;
}
.dev-head-impactbuzz {
    background: #fcb034;
}
#my-menu2{
    height: 237px;
    top: 44px;
}
#my-menu3 {
    height: 275px;
}
#my-menu4 {
    height: 272px;
}
.carousel-caption>.box>img{
	height: 20px !important;
}
#myCarousel2 .carousel-caption .box h3 {
    color: #231f20;
    font-size: 11px;
    line-height: 5px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#myCarousel2 .carousel-caption {
    background: #5f6062;
    width: 201px;
    height: 291px;
    right: 0px;
    left: 272px !important;
    top: 0px;  
}
.txt-right>a:last-child{
	right: 22% !important;
}
#myCarousel3 .carousel-caption ,#myCarousel4 .carousel-caption{
   width: 201px;
}
#my-menu5 {
    height: 254px;  
}
}
@media  only screen and (max-width: 616px){
.blog-map {
    height: 740px;
    margin-top: 3%;
}
.carousel-caption {
    top: 0%;
    left: 9%;
    right: 0px;
    text-align: left;
    padding-top: 2%;
}
.caption>h1{
	font-size: 14px !important;
	margin-top: 0px;
	margin-bottom: 0px;
}
.caption>h5{
	margin-top: 0px;
	margin-bottom: 10px;
}
.caption>h2{
	font-size: 10px !important;
}
.btn-view-project {
    background: #fcb034;
    width: 100px;
    height: 26px;
    font-size: 10px;
}
.img-buzzf {
    height: 202px;
}
#my-menuf{
    height: 202px;
}
.li-owl-text {
    height: 43px;
}
}
@media only screen and (max-width: 600px){
	#my-menu2, #my-menu3, #my-menu4 {
    height: 212px;
    top: 56px;
}

#Foundation {
    position: relative;
    width: 100%;
    height: 169px;
 }   	
#imBoard {
    min-height: 144px;
}
#impactBoard .owl-theme .owl-controls {
    bottom: 10px;
    left: -103px;
}
#my-menu {
    height: 282px;
} 
#my-menu5 {
    height: 282px;
}  
#my-menu2,#my-menu3,#my-menu4 {
	height: 282px;
} 
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 150px;
    height: 220px;
    right: 0px;
    left: 319px !important;
    top: 0px;
}
#myCarousel .carousel-caption .box {
   height: 170px;
} 
#myCarousel .carousel-caption .box h3 {
    font-size: 10px;
}
.carousel-caption>.box>p {
    font-size: 8px;
}
.carousel-caption>.box>.txt-right>a{
	font-size: 10px;
}
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 150px;
    height: 220px;
    right: 0px;
    left: 288px !important;
    top: 0px;
}
#myCarousel .carousel-caption .box {
    height: 150px;
}
#myCarousel .next {
    bottom: 15px;
    right: 78px;
}
#myCarousel .prev {
    bottom: 15px;
    right: 108px;
}
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 150px;
    height: 220px;
    right: 0px;
    left: 319px !important;
    top: 0px;
}
#myCarouselN .carousel-caption .box {
   height: 170px;
} 
#myCarouselN .carousel-caption .box h3 {
    font-size: 10px;
}
.carousel-caption>.box>p {
    font-size: 8px;
}
.carousel-caption>.box>.txt-right>a{
	font-size: 10px;
}
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 150px;
    height: 220px;
    right: 0px;
    left: 288px !important;
    top: 0px;
}
#myCarouselN .carousel-caption .box {
    height: 150px;
}
#myCarouselN .next {
    bottom: 15px;
    right: 78px;
}
#myCarouselN .prev {
    bottom: 15px;
    right: 108px;
}
.readmore {
    top: 5px;
}
.img-buzz {
    height: 218px;
}
.img-buzz2 {
    height: 212px;
}
.img-buzzf {
    height: 197px;
}
#my-menuf{
    height: 197px;
}
.li-owl-text {
    height: 41px;
}
#my-menuf li {
    margin: 3px 0px;
}
.h-map {
    height: auto;
    width: 100%;
}
}
@media  only screen and (max-width: 568px){
	.blog-map {
    height: 690px;
    margin-top: 3%;
}
.caption>h1{
	font-size: 12px !important;
	margin-top: 0px;
	margin-bottom: 0px;
}
#section-project {
	height:40px;
}
#section-banner {
    height: 270px;
}
.height-set {
    height: 280px;
}
.set1 {
    left: 59%;
    width: 85px;
}
.set1-on {
    left: 60%;
    width: 77px;
}
.banner1 {
    left: 15px;
    top: 160px;
    width: 84px;
}
.biz1 {
   top: 159px;
    left: 100px;
    width: 100px;
}
#bbiz3 {
   top: 159px;
    left: 100px;
    width: 100px;
}
.setbox {
       position: absolute;
    top: 0px;
    left: 18%;
    width: 70%;
}
.banner2 {
    position: absolute;
    left: 160px;
    top: 40px;
    width: 150px;
}

#creator3 {
    position: absolute;
    top: 60px;
    left: 290px;
    width: 110px;
}
.creator1 {
    position: absolute;
    top: 60px;
    left: 300px;
    width: 90px;
}
.banner3 {
    right: 10px;
    top: 155px;
    width: 86px;
}
.topia1 {
    top: 174px;
    right: 115px;
    width: 74px;
}
#imBoard {
    position: relative;
    background: #fcb034;
    min-height: 136px;
}
#imBoard>div>img{
	width: 80%;
}
.impactborad-head {
    height: 50px;
}
.impactborad-head>h4:first-child {
    padding-top: 8px;
}
.impactborad-desc>h4 {
    padding: 0px 0 0px 0;
    font-size: 10px;
}
.impactborad-desc>h6 {
    padding-top: 0px;
    font-size: 9px;
}
.impactborad-desc {
    height: 86px;
}
#my-menu {
    height: 288px;
}  
.bg-img-1, .bg-img-2, .bg-img-3 {
    padding: 10px 5px 10px 5px;
}
#my-menu5 {
    height: 267px;
} 
#my-menu2,#my-menu3,#my-menu4 {
    height: 199px;
    top: 53px;   
}
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 150px;
    height: 205px;
    right: 0px;
    left: 263px !important;
    top: 0px;
} 
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 150px;
    height: 205px;
    right: 0px;
    left: 263px !important;
    top: 0px;
} 
.img-buzz {
    height: 205px;
} 
.img-buzz2 {
    height: 199px;
}  
.img-buzzf {
    height: 186px;
}
#my-menuf{
    height: 186px;
}
.li-owl-text {
    height: 39px;
}
#my-menu {
    height: 245px;
}
.event-right>a:last-child {
    left: 62% !important;
}
#myCarousel2 .carousel-caption {
    background: #5f6062;
    width: 201px;
    height: 291px;
    right: 0px;
    left: 212px !important;
    top: 0px;
}
#my-menu2, #my-menu3, #my-menu4 {
    height: 190px;
    top: 53px;
}

.readmore_a {
    border: 1px solid #000;
    position: absolute;
    top: 5px;
    right: 14% !important;
    color: #000;
    padding: 0px 5px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#my-menu5 {
    height: 229px;
}
#webboardSortBy {
    position: absolute;
    top: 2px;
}
#webboardCate {
    position: absolute;
    top: 2px;
    right: 50%;
}
}
@media  only screen and (max-width: 480px){
.h-map {
    height: auto;
   
    width: 100%;
}
#webboardSortBy {
  display: none !important;
}
#webboardCate {
	display: none !important;
}
#project-carousel>.owl-dots {
    position: absolute;
    left: -24%;
    /* top: 0px; */
    bottom: -70%;
}
.itemmath{
	width:60px !important;
}
#project-carousel>div>div>div>div>div>img {
    display: block;
    max-width: 100%;
    -webkit-transform-style: preserve-3d;
    width: 100% !important;
    height: 116px !important;
}
#project-carousel .left, #project-carousel .owl-item {
    height: 115px !important;
}
.blog-map {
    height: 590px;
    margin-top: 3%;
}
.carousel-caption {
    top: 0%;
    left: 9%;
    right: 0px;
    text-align: left;
    padding-top: 2%;
}
#section-project {
	height:30px;
}
.caption>h1{
	font-size: 12px !important;
	margin-top: 0px;
	margin-bottom: 0px;
}
.caption>h5{
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 10px;
}
.caption>h2{
	font-size: 10px !important;
}
.btn-view-project {
    background: #fcb034;
    width: 100px;
    height: 26px;
    font-size: 10px;
}
#section-banner {
    height: 220px;
}
.height-set {
    height: 230px;
}
.set1 {
    left: 62% !important;
    width: 80px !important;
}
.set1-on {
    left: 63% !important;
    width: 75px !important;
}
.banner1 {
    left: 15px !important;
    top: 120px !important;
    width: 74px !important;
}
.biz1 {
    top: 130px !important;
    left: 90px !important;
    width: 80px !important;
}
#bbiz3 {
    top: 130px !important;
    left: 90px !important;
    width: 80px !important;
}
.setbox {
    position: absolute;
    top: 0px !important;
    left: 18% !important;
    width: 70% !important;
}
.setbox:hover{
    top: 0px !important;
    left: 18% !important;
    width: 70% !important;
}
.banner2 {
    position: absolute;
    left: 135px !important;
    top: 40px !important;
    width: 110px !important;
}
.creator1 {
    top: 56px !important;
    left: 233px !important;
    width: 74px !important;
}
#creator3 {
    position: absolute;
    top: 56px !important;
    left: 233px !important;
    width: 86px !important;
}
.banner3 {
    right: 10px !important;
    top: 125px !important;
    width: 90px !important;
}
.topia1 {
    top: 136px !important;
    right: 88px !important;
    width: 74px !important;
}
#section-finish h2 {
    color: #231f20;
    font-size: 18px;
    font-family: 'db_helvethaicamon_x65_med';
}
#section-finish h3 {
    color: #5f6062;
    font-size: 13px;
    font-family: 'db_helvethaicamon_x65_med';
    padding-bottom: 10px;
    margin-top: 0px;
}
#imBoard {
    position: relative;
    background: #fcb034;
    min-height: 115px;
}
.impactborad-head {
    width: 100%;
    height: 40px;
    background: #CCC;
}
.impactborad-head>h4:first-child{
    font-size: 8px;
}
.impactborad-head>h4:last-child{
    font-size: 8px;
}
#impactBoard .owl-theme .owl-controls {
    bottom: 20px;
    left: -83px;
} 
.impactborad-desc>h4 {
    padding: 1px 0 0px 0;
    font-size: 8px;
}
.impactborad-desc {
    width: 100%;
    height: 75px;
    background: #f2f2f2;
    padding: 1% 0% 0px 0%;
}
.impactborad-desc {
    width: 100%;
    height: 75px;
    background: #f2f2f2;
    padding: 1% 0% 0px 0%;
}
#my-menu {
  height: 256px;
}
#my-menu5 {
    height: 225px;
}
#my-menu2, #my-menu3, #my-menu4 {
    height: 168px;
    top: 45px;
}
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 130px;
    height: 173px;
    right: 0px;
    left: 217px !important;
    top: 0px;
}
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 130px;
    height: 173px;
    right: 0px;
    left: 217px !important;
    top: 0px;
}
.readmore {
    top: 5px;
    padding: 3px 6px;
    font-size: 10px;
}
#myCarousel .carousel-caption .box h3 {
    font-size: 8px;
}
#myCarouselN .carousel-caption .box h3 {
    font-size: 8px;
}
.carousel-caption>.box>p {
    font-size: 8px;
    margin-bottom: 0px;
}
#myCarousel .carousel-caption .box {
    height: 143px;
}
#myCarousel .next {
    bottom: 0px;
    right: 78px;
    font-size: 10px;
}
#myCarousel .prev {
    bottom: 0px;
    right: 108px;
    font-size: 10px;
}
#myCarouselN .carousel-caption .box {
    height: 143px;
}
#myCarouselN .next {
    bottom: 0px;
    right: 78px;
    font-size: 10px;
}
#myCarouselN .prev {
    bottom: 0px;
    right: 108px;
    font-size: 10px;
}

.img-buzz {
    height: 173px;
}
.img-buzz2 {
    height: 167px;
}
.img-buzzf {
    height: 156px;
}
#my-menuf{
    height: 156px;
}
.li-owl-text {
    height: 32px;
}
.readmore {
    top: 5px;
    padding: 0px 5px;
    font-size: 10px;
}
.readmore_a {
    right: 18% !important;
}
#my-menu5 {
    height: 197px;
}
#my-menu4 {
    height: 196px;
    top: 0px;
}
#my-menu2, #my-menu3{
    height: 167px;
    top: 30px;
}
.bg-img-1, .bg-img-2, .bg-img-3 {
    padding: 2px 5px 3px 5px;
}
#myCarousel3 .carousel-caption ,#myCarousel4 .carousel-caption ,#myCarousel2 .carousel-caption {
    background: #5f6062;
    width: 141px;
    height: 291px;
    right: 0px;
    left: 227px !important;
    top: 0px;
}
#project-carousel>div>div {
    height: 116px !important;
}
#my-menu {
    height: 212px;
}
#my-menuf .li-owl-text {
    width: 50% !important;
    height: 31px !important;
}
.bg-img-1{
    padding: 9px 5px 10px 5px;
}
#my-menu2{
    height: 167px;
    top: 46px;
}
..bg-img-2 {
    padding: 7px 5px 7px 5px;
}
#my-menu3 {
    height: 166px;
    top: 40px;
}
#my-menu4 {
    height: 202px;
    top: 0px;
}
#my-menu5 {
    height: 187px;
}
}
@media  only screen and (max-width: 479px){
	
}
@media  only screen and (max-width: 461px){
.caption>h1{
	font-size: 11px !important;
	margin-top: 0px;
	margin-bottom: 0px;
}
.h-map {
    height: auto;
    width: 100%;
}
.caption>h5{
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 8px;
}
.caption>h2{
	font-size: 9px !important;
}
.btn-view-project {
    background: #fcb034;
    width: 80px;
    height: 24px;
    font-size: 10px;
}	
.mian-bg {
    height: 2px;
    background-size: 100%;
}
#imBoard {
    position: relative;
    background: #fcb034;
    min-height: 98px;
}
.img-buzzf {
    height: 150px;
}
#my-menuf{
    height: 150px;
}
.li-owl-text {
    height: 30px;
}
}
@media  only screen and (max-width: 414px){
.img-buzz>img {
    width: 169px;
    height: 151px;
}
.img-buzzf img {
    width: 100%;
    height: 135px;
}
.set1-on {
    left: 65% !important;
    width: 75px !important;
}
.set1 {
    left: 64% !important;
    width: 80px !important;
}
.biz1 {
    top: 140px !important;
    left: 90px !important;
    width: 65px !important;
}
#bbiz3 {
    top: 140px !important;
    left: 90px !important;
    width: 65px !important;
}
.h-map {
    height: auto;
    width: 100%;
}
.setbox {
    top: 40px;
    left: 20px;
    width: 100px;
}
.setbox:hover{
    top: 40px;
    left: 25px;
}	
.banner2 {
    left: 105px !important;
    top: 40px !important;
    width: 100px !important;
}
.creator1 {
    top: 56px !important;
    left: 193px !important;
    width: 74px !important;
}
#creator3 {
    top: 56px !important;
    left: 193px !important;
    width: 86px !important;
}
.topia1 {
   top: 146px !important;
    right: 80px !important;
    width: 65px !important;
}
#impactBoard .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: -83px;
}
.impactborad-head>h4:first-child{
    font-size: 6px;
}
.impactborad-head>h4:last-child{
    font-size: 6px;
}
.impactborad-desc>h6 {
    padding-top: 0px;
    font-size: 6px;
}
.impactborad-desc>a {
    padding: 1px 5px 1px 5px;
    font-size: 7px;
    top: -5px;
}
.impactborad-desc {
    height: 58px;
    padding: 1% 0% 0px 0%;
}
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 130px;
    height: 148px;
    right: 0px;
    left: 168px !important;
    top: 0px;
}
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 130px;
    height: 148px;
    right: 0px;
    left: 168px !important;
    top: 0px;
}
.carousel-caption>.box>p {
    font-size: 7px;
    margin-bottom: 0px;
}
.txt-right>a{
	font-size: 8px;
}
.box {
    height: 133px;
}
#myCarousel .prev {
    display: none !important;
}
#myCarousel .next { 
    display: none !important;
}
#myCarouselN .prev {
    display: none !important;
}
#myCarouselN .next { 
    display: none !important;
}
.img-buzz {
    height: 148px;
}
.img-buzz2 {
    height: 142px;
}
#myCarousel .carousel-caption .box {
    height: 136px;
}
#myCarouselN .carousel-caption .box {
       height: 129px;
}
.img-buzzf {
    height: 134px;
}
#my-menuf{
    height: 134px;
}
.li-owl-text {
	display: none;
    height: 32px;
}
.li-owl-img {
    width: 100%;
    float: left;
}
.h-map {
    height: auto;
    width: 100%;
}
#my-menu2, #my-menu3, #my-menu4 {
    height: 142px;
    top: 40px;
}
.detail-img>div{
	bottom: 1px !important;
    right: 34% !important;
    font-size: 10px !important;
}
#my-menu li img {
    width: 100%;
    height: 40px;
}
#my-menu>div>div>li>a>div {
    left: 8% !important;
    width: 91% !important;
    padding: 1px 0px 0px 2px !important;
    min-height: 20px !important;
}
#my-menu div {
    font-size: 8px !important;
}
#my-menu {
    height: 188px;
}
#myCarousel .carousel-caption .box {
    height: 136px;
    line-height: 10px;
}
.txt-right>a:last-child {
    right: 32% !important;
}
.blog-map {
    height: 500px;
    margin-top: 3%;
}
.event-right>a:last-child {
    left: 43% !important;
}
#my-menuf .li-owl-img {
    width: 100% !important;
    height: auto !important;
}
.caption-f {
   display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#myCarousel2 .carousel-caption .box {
   padding: 5px;
}
.carousel-caption>.box>img {
       height: 20px !important;
    margin-bottom: 5px;
}
#myCarousel2 .carousel-caption {
    background: #5f6062;
    width: 141px;
    height: 291px;
    right: 0px;
    left: 157px !important;
    top: 0px;
}
#myCarousel3 .carousel-caption, #myCarousel4 .carousel-caption{
    background: #5f6062;
    width: 141px;
    height: 291px;
    right: 0px;
    left: 177px !important;
    top: 0px;
}
#my-menu2 {
       height: 142px;
    top: 49px;
}
.bg-img-1 {
    padding: 12px 0px 13px 0px;
}
#myCarousel2 .carousel-caption .box h3 {
    color: #231f20;
    font-size: 12px;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
    margin-bottom: 2px;
}
#my-menu2 li img {
    width: 100%;
    height: 35px;
}
#my-menu2 li, #my-menu3 li, #my-menu4 li {
    height: 35px !important;
}
.bg-img-2{
    padding: 10px 0px 10px 0px;
}
#my-menu3{
  height: 142px;
    top: 44px;
}
#my-menu4 {
   height: 181px;
    top: 0px;
}
.img-div-1 {
    position: absolute;
    left: 18%;
    top: 14px;
}
.img-div-2 {
    position: absolute;
    left: 11%;
    top: 14px;
}
#my-menu4 li img {
    width: 100%;
    height: 35px;
}
#my-menu5 li img {
    width: 100%;
    height: 35px;
}
#my-menu5 li {
    width: 100%;
    height: 35px !important;
}
.dev-img-head {
  padding-top: 7px !important;
    padding-bottom: 7px !important;
}
.dev-img-head-b {
  padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#my-menu5 {
    height: 180px;
}
#myCarousel3 .carousel-caption .box h3 {
    color: #231f20;
       font-size: 14px;
    line-height: 20px;
    margin: 2px 0px 2px 0px;
    font-family: 'db_helvethaicamon_x65_med';
        display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#myCarousel3 .carousel-caption .box {
    background: #FFF;
    padding: 5px;
     height: 130px;
}
#myCarousel2 .carousel-caption .box {
    height: 130px;
}
#myCarousel4 .carousel-caption .box h3 {
    color: #231f20;
    font-size: 14px;
     margin: 2px 0px 2px 0px;
         display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#myCarousel4 .carousel-caption .box {
    padding: 5px;
    height: 130px;
}
#myCarouselN .carousel-caption .box h3 {
       font-size: 14px;
    line-height: 20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#myCarousel .carousel-caption .box h3 {
    font-size: 12px !important;
    color: black;
}
.carousel-caption>.box>p {
    font-size: 12px !important;
    margin-bottom: 0px;
    line-height: 30px !important;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.img-buzz2>img {
    width: 177px;
    height: 145px;
}
.readmore_a {
    right: 20% !important;
}
.dev-img-head-a>img{
	width: 165px !important;
}
.dev-img-head-b>img{
	width: 140px !important;
}
.dev-img-head-a{
	padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.owl-view-banner .owl-nav .owl-next {
    position: absolute;
    top: 25%;
    font-size: 15px;
    right: 0px;
}
.owl-view-banner .owl-nav .owl-prev {
    position: absolute;
    top: 25%;
    font-size: 15px;
    left: 0px;
}
#section-project {
    margin-top: 10px;
}
#project-carousel>div>div>div>div>div>img {
    display: block;
    max-width: 100%;
    -webkit-transform-style: preserve-3d;
    width: 100% !important;
    height: 98px !important;
}
#project-carousel .left, #project-carousel .owl-item {
    height: 100px !important;
}
.img-div-1,.img-div-2{
	display: none;
}
}
@media  only screen and (max-width: 413px){
	
}
@media  only screen and (max-width: 375px){
.caption>h1{
	font-size: 10px !important;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}
#project-carousel .left, #project-carousel .owl-item {
    height: 89px !important;
}
#project-carousel>.owl-dots {
    position: absolute;
    left: -24%;
    /* top: 0px; */
    bottom: -50%;
}
.impactborad-head {
    width: 100%;
    height: 21px;
    background: #CCC;
}
.impactborad-desc {
    height: 68px;
    padding: 1% 0% 0px 0%;
}
.impactborad-desc>h4 {
    padding: 5px 0 0px 0;
    font-size: 8px;
}

.caption>h5{
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 8px;
}
.caption>h2{
	font-size: 9px !important;
	font-weight: normal;
}
.btn-view-project {
    background: #fcb034;
    width: 80px;
    height: 20px;
    font-size: 9px;
}	
#section-banner {
    height: 200px;
}
.height-set {
    height: 200px;
}
.set1 {
    left: 66% !important;
    width: 75px !important;
    bottom: -2px;
}
.set1-on {
    left: 66% !important;
    width: 75px !important;
    bottom: -1px !important;
}
.setbox {
    top: 40px;
    left: 20px;
    width: 80px;
}
.banner1 {
    left: 15px !important;
    top: 120px !important;
    width: 60px !important;
}
.biz1 {
    top: 130px !important;
    left: 75px !important;
    width: 60px !important;
}
#bbiz3 {
    top: 130px !important;
    left: 75px !important;
    width: 64px !important;
}
.banner2 {
    left: 90px !important;
    top: 30px !important;
    width: 100px !important;
}
.creator1 {
    top: 46px !important;
    left: 183px !important;
    width: 64px !important;
}
#creator3 {
    top: 46px !important;
    left: 183px !important;
    width: 74px !important;
}
.banner3 {
   right: 10px !important;
    top: 125px !important;
    width: 67px !important;
}
.topia1 {
   top: 134px !important;
    right: 73px !important;
    width: 60px !important;
}
#imBoard {
    position: relative;
    background: #fcb034;
    min-height: 89px;
}
.impactborad-head {
    width: 100%;
    height: 31px;
    background: #CCC;
}	
#my-menu {
    height: 176px;
}
#my-menu5 {
    height: 176px;
}
#my-menu2,#my-menu3,#my-menu4 {
	    height: 127px;
	    top: 37px;
}
#myCarousel .carousel-caption .box h3 {
    font-size: 7px;
    margin: 0px 0px 5px 0px;
    line-height: 10px;
}
#myCarouselN .carousel-caption .box h3 {
    font-size: 7px;
    margin: 0px 0px 5px 0px;
    line-height: 10px;
}
.carousel-caption>.box>p {
    font-size: 6px;
    margin-bottom: 0px;
    line-height: 10px;
}
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 110px;
    height: 148px;
    right: 0px;
    left: 160px !important;
    top: 0px;
}
#myCarousel .carousel-caption .box {
    height: 123px;
}
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 110px;
    height: 148px;
    right: 0px;
    left: 160px !important;
    top: 0px;
}
#myCarouselN .carousel-caption .box {
    height: 123px;
}
.readmore {
    top: 5px;
    padding: 0px 3px;
}
.img-buzz {
    height: 133px;
}
.img-buzz2 {
    height: 127px;
}
.img-buzzf {
    height: 121px;
}
#my-menuf{
    height: 121px;
}
#my-menu2 li, #my-menu3 li, #my-menu4 li {
    height: 34px !important;
}

.readmore_a {
    right: 23% !important;
}
.img-div-1 {
    position: absolute;
    left: 28%;
    top: 14px;
}
.img-div-2 {
    position: absolute;
    left: 22%;
    top: 14px;
}
#my-menu5 {
    height: 165px;
}
.img-buzz2>img {
    width: 177px;
    height: 127px;
}
#my-menu4 {
    height: 167px;
    top: 0px;
}
#my-menu3 {
    height: 127px;
    top: 43px;
}
.bg-img-2 {
    padding: 12px 0px 11px 0px;
}
#myCarouselN .carousel-caption .box h3 {
    font-size: 12px;
    margin: 5px 0px 0px 0px;
}
#my-menu2{
    height: 177px;
}
#myCarouselN .carousel-caption .box {
    height: 115px;
}
.txt-right>a>img{
	width: 90px;
}
#myCarousel3 .carousel-caption, #myCarousel4 .carousel-caption {
    left: 144px !important;
}
#myCarousel4 .carousel-caption .box {
    padding: 5px;
    height: 110px;
}
#myCarousel3 .carousel-caption .box {
    background: #FFF;
    padding: 5px;
    height: 115px;
}
#myCarousel2 .carousel-caption .box {
    height: 115px;
}
#myCarousel2 .carousel-caption {
    left: 129px !important;
}
.event-right>a:last-child {
    left: 35% !important;
}
.blog-map {
    height: 460px;
}
#myCarouselN .carousel-caption .box h3 {
    font-size: 12px;
    margin: 5px 0px 0px 0px;
}
.bg-img-1 {
    padding: 14px 0px 14px 0px;
}
#my-menu2 {
    height: 127px;
        top: 49px;
}
.txt-right>a:last-child {
    right: 24% !important;
}

}
@media  only screen and (max-width: 374px){
	
}
@media  only screen and (max-width: 344px){
.btn {
    padding: 3px 12px;
}
.event-right>a:last-child {
    left: 25% !important;
}
.blog-map {
    height: 420px;
}
#section-banner {
    height: 170px;
}
.height-set {
    height: 170px;
}
.set1 {
    left: 69% !important;
    width: 65px !important;
    bottom: -2px;
}
.set1-on {
    left: 69% !important;
    width: 65px !important;
    bottom: -1px !important;
}  
.banner1 {
    left: 10px !important;
    top: 90px !important;
    width: 50px !important;
}
.biz1 {
    top: 105px !important;
    left: 62px !important;
    width: 50px !important;
}
#bbiz3 {
     top: 105px !important;
    left: 62px !important;
    width: 50px !important;
}
.setbox {
    top: 30px;
    left: 20px;
    width: 80px;
}
.banner2 {
    left: 90px !important;
    top: 25px !important;
    width: 80px !important;
}
.creator1 {
    top: 36px !important;
    left: 166px !important;
    width: 54px !important;
}
#creator3 {
    top: 36px !important;
    left: 166px !important;
    width: 64px !important;
}
.banner3 {
right: 10px !important;
    top: 95px !important;
    width: 67px !important;
}
.topia1 {
   top: 114px !important;
    right: 66px !important;
    width: 50px !important;
}
#imBoard {
    position: relative;
    background: #fcb034;
    min-height: 81px;
}
.impactborad-desc>h4 {
    padding: 1px 0 0px 0;
    font-size: 6px;
}
.impactborad-desc {
    height: 50px;
    padding: 1% 0% 0px 0%;
}
#impactBoard .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: -67px;
}
#my-menu {
    height: 161px;
}
#my-menu5 {
    height: 161px;
}
#my-menu2,#my-menu3,#my-menu4 {
	height: 161px;
}
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 110px;
    height: 122px;
    right: 0px;
    left: 135px !important;
    top: 0px;
}
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 110px;
    height: 122px;
    right: 0px;
    left: 135px !important;
    top: 0px;
}
#myCarousel .carousel-caption .box h3 {
    margin: 0px 0px 5px 0px;
    line-height: 10px;
}
#myCarousel .carousel-caption .box {
    padding: 9px;
    height: 102px;
} 
#myCarouselN .carousel-caption .box h3 {
    margin: 0px 0px 5px 0px;
    line-height: 10px;
}
#myCarouselN .carousel-caption .box {
    padding: 9px;
    height: 102px;
} 
#my-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 151px;
}
#my-menu5 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 151px;
}
#my-menu2, #my-menu3, #my-menu4 {
    height: 107px;
    top: 34px;
}
.img-buzz {
    height: 112px;
}
.img-buzz2 {
    height: 106px;
}
.img-buzzf {
    height: 110px;
}
#my-menuf{
    height: 110px;
}
}
@media  only screen and (max-width: 320px){
	.blog-map {
    height: 390px;
}
.set1 {
    left: 71% !important;
    width: 65px !important;
    bottom: -2px;
}
.set1-on {
    left: 71% !important;
    width: 65px !important;
    bottom: -1px !important;
}
.navbar {
	min-height: 0px !important;
}
.biz1 {
    top: 103px;
    left: 64px;
    width: 58px;
}
.creator1 {
    top: 36px !important;
    left: 155px !important;
    width: 54px !important;
}
#creator3 {
     top: 36px !important;
    left: 155px !important;
    width: 64px !important;
}  
.banner2 {
    left: 80px !important;
    top: 25px !important;
    width: 80px !important;
}
.topia1 {
    top: 119px;
    right: 71px;
    width: 40px;
} 
#imBoard {
    position: relative;
    background: #fcb034;
    min-height: 75px;
}
#impactBoard .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: -67px;
}	
.impactborad-head>h4:first-child {
    padding-top: 5px;
}
.impactborad-head>h4:last-child {
    padding-top: 1px;
}
.impactborad-head {
    width: 100%;
    height: 30px;
    background: #CCC;
}
.impactborad-head {
    width: 100%;
    height: 30px;
    background: #CCC;
}
.impactborad-desc>a {
    padding: 0px 5px 0px 5px;
    font-size: 5px;
    top: -9px;
}
.impactborad-desc {
    height: 45px;
    padding: 1% 0% 0px 0%;
}
#myCarousel .carousel-caption {
    background: #5f6062;
    width: 110px;
    height: 112px;
    right: 0px;
    left: 117px !important;
    top: 0px;
}
#myCarouselN .carousel-caption {
    background: #5f6062;
    width: 110px;
    height: 112px;
    right: 0px;
    left: 117px !important;
    top: 0px;
}
#my-menu {
    height: 152px;
}
#my-menu5 {
    height: 151px;
}
#my-menu2, #my-menu3, #my-menu4 {
    height: 107px;
    top: 32px;
}
#myCarousel .carousel-caption .box {
    padding: 9px;
    height: 104px;
}
#myCarouselN .carousel-caption .box {
    padding: 9px;
   height: 96px;
}
.img-buzzf {
    height: 102px;
}
#my-menuf{
    height: 102px;
}
.readmore {
    top: 3px;
    padding: 0px 3px;
    right: 5px;
}
#my-menu2{
    height: 107px;
    top: 48px;
}
.bg-img-1 {
    padding: 16px 0px 16px 0px;
}
.bg-img-2 {
    padding: 14px 0px 14px 0px;
}
#my-menu3{
    height: 107px;
    top: 43px;
}
#my-menu4 {
    height: 147px;
    top: 0px;
}
#my-menu5 {
    height: 141px;
}
#my-menu3 li img {
    width: 100%;
    height: 28px;
}
#my-menu2 li, #my-menu3 li, #my-menu4 li {
    height: 28px !important;
}
.img-buzzf img {
    width: 100%;
    height: 102px;
}
.img-buzz2>img {
    width: 144px;
    height: 106px;
}
.event-right>a:last-child {
    left: 20% !important;
}
.dev-img-head-c>img{
	width: 70px !important;   
}
#myCarousel2 .carousel-caption {
    left: 118px !important;
}
#myCarousel2 .carousel-caption {
    width: 115px;
}
#myCarousel2 .carousel-caption .box {
    height: 97px;
}
#myCarousel2 .carousel-caption .box h3 {
    color: #231f20;
    font-size: 10px;
    line-height: 14px;
}
.carousel-caption>.box>p {
    font-size: 10px !important;
    margin-bottom: 0px;
    line-height: 20px !important;
}
#myCarousel3 .carousel-caption, #myCarousel4 .carousel-caption {
    left: 132px !important;
}
#myCarousel3 .carousel-caption, #myCarousel4 .carousel-caption {
    background: #5f6062;
    width: 110px;
    height: 111px;
}
#myCarousel3 .carousel-caption .box {
    background: #FFF;
    padding: 5px;
    height: 97px;
}
#myCarousel4 .carousel-caption .box {
    background: #FFF;
    padding: 5px;
    height: 97px;
}
#myCarousel3 .carousel-caption .box h3 {
    color: #231f20;
    font-size: 12px;
    line-height: 12px;
}
.detail-img>div {
    bottom: -3px !important;
    right: 34% !important;
    font-size: 8px !important;
}
 .impactborad-head>h4:last-child {
 	padding-top: 4px;
     display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.impactborad-desc {
    height: 57px;
    padding: 1% 0% 0px 0%;
}
#project-carousel .left, #project-carousel .owl-item {
    height: 75px !important;
}
#project-carousel .owl-stage-outer{
	height: 80px !important;   
}
#project-carousel>div>div>div>div>div>img {
    display: block;
    max-width: 100%;
    -webkit-transform-style: preserve-3d;
    width: 100% !important;
    height: 78px !important;
}
.impactborad-head {
    width: 100%;
    height: 18px;
    background: #CCC;
}
#project-carousel>.owl-dots {
    position: absolute;
    left: -24%;
    /* top: 0px; */
    bottom: -110%;
}
} 

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
#impactBoard .ListNoimpactBoard{
	    line-height: 40px !important;
}
.event-l {
    height: 790px;
    padding-left: 0px;
}
#myCarousel2 .prev {
    position: absolute;
    bottom: 10px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 258px;
    z-index: 99;
    font-size: 20px;
    color: #FFF;
}
#myCarousel2 .next {
    position: absolute;
    bottom: 10px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 228px;
    z-index: 99;
    font-size: 20px;
    color: #FFF;
}
#myCarousel3 .prev {
    position: absolute;
    bottom: 10px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 258px;
    z-index: 99;
    font-size: 20px;
    color: #FFF;
}
#myCarousel3 .next {
    position: absolute;
    bottom: 10px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 228px;
    z-index: 99;
    font-size: 20px;
    color: #FFF;
}
#myCarousel4 .prev {
    position: absolute;
    bottom: 10px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 258px;
    z-index: 99;
    font-size: 20px;
    color: #FFF;
}
#myCarousel4 .next {
    position: absolute;
    bottom: 10px;
    font-family: 'db_helvethaicamon_x57_cond';
    right: 228px;
    z-index: 99;
    font-size: 20px;
    color: #FFF;
}

.carousel-caption .box h3{
	margin-top:0px;
}
}

}