@charset "utf-8";
/* CSS Document */

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	#header .middle-header .right-social-wrapper{padding-top:0px}
	.home-iama-section .main-circle-image .sub-title a{font-size: 18px;}
	.home-iama-section .sub-title.traveller a{top:0.5%;left:73%;}
	.home-iama-section .sub-title.public_body a{top:17.5%;left:85.5%;}
	.home-iama-section .sub-title.international_organization a{top:82.5%;left:86%;}
	.home-iama-section .sub-title.donor a{top:98%;left:32%;}
	.home-iama-section .sub-title.academia_cso a{top:52%;left:12.5%;}
	.home-iama-section .sub-title.company a{top:17%;left:16.5%;}
	.home-discover-unique-platform-section .main-sdgs-section .sdgs-part .title-caption{font-size: 20px;}
    footer .col-lg-8.col-md-8.col-sm-8.col-xs-12 .col-lg-3.col-md-3.col-sm-3.col-xs-12{padding-right: 0px;padding-left: 0px;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
	.home-world-map-section .main-square-group ul li{padding-left: 0.8px;width:5.49%;}
    #carousel-id .carousel-caption {right:8%;left: 8%;top: 20px;}
    #carousel-id .carousel-control {width:8%;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#header .middle-header .right-social-wrapper .text-right{padding-left:0px;}
	#header .bottom-header a span.text-center{font-size:18px;}
	.home-iama-section .sub-title.traveller a{top:0.5%;left:74%;}
	.home-iama-section .sub-title.public_body a{top:17.5%;left:83.5%;}
	.home-iama-section .sub-title.international_organization a{top:82.5%;left:87%;}
	.home-iama-section .sub-title.donor a{top:98%;left:31%;}
	.home-iama-section .sub-title.academia_cso a{top:52%;left:10%;}
	.home-iama-section .sub-title.company a{top:17%;left:15%;}	

	.home-get-involved-section .main-count-section .mcs-width-mobile{padding: 0;}
	.home-discover-unique-platform-section .main-sdgs-section .sdgs-part .title-caption{font-size: 14px;}
	.home-discover-unique-platform-section .main-sdgs-section .sdgs-part .overlay-hover-color{height: 300px;}
	.home-discover-unique-platform-section .main-sdgs-section .sdgs-part .overlay-hover-color .img-sec{background-position: center !important;}
	.news-event-section h3.event-title{text-align:left;padding-top: 20px;}
	.carousel-caption h1 { font-size:35px;}	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.home-world-map-section .main-square-group ul li{width:5.3%;}	
	.home-world-map-section .title-section .title{letter-spacing: 2px;}
	#carousel-id .carousel-caption {right: 3%;left: 3%;top: 0px;bottom: 0px;padding: 0; display:contents; }
	#carousel-id .col-sm-8, #carousel-id .col-sm-4 { width:100%;}
	.floating-video { margin:30px 0;}
	.our-sponsors .joinus-sec .joinus-btn-cont { width:100%;}
	.our-sponsors .joinus-sec .joinus-btn-cont .download-brochure { width:100%; display:inline-block; margin-bottom:20px;}
	.our-sponsors .joinus-sec .joinus-btn-cont .become-member { width:100%; display:inline-block;}
	/*Act page responsive*/
	.act-cont .code-of-ethics .ethics-txt, .act-cont .partnership-oppo .partnership-txt { letter-spacing:0px;}		
	.act-cont .readmore-btn { display:flex;}
	.act-cont .partnership-oppo .partnership-icon { padding-top:0px; padding-bottom:20px;}
	/*Act page responsive*/
	.sharepage-tabs{margin: 0 auto !important;}
}
/* Small Devices, Mobiles */
@media only screen and (max-width : 767px) {
	/*=== Start Mobile menu css===*/
	#header .top-header{display:none;}
	#header .middle-header{	padding-top: 0px;}
	.middle-header:before{background-image: url('images/top-bar.jpg');content: '';display: block;width: 100%;height: 9px;background-position: center;background-repeat: repeat-x;}
	.middle-header .col-xs-1.mobile-menu-icon{display: inline-block;transform: translate(0%, 120%)}
	.middle-header .col-xs-1.mobile-menu-icon .mob_square_box{width:50px;padding:2px 0px;border: 2px solid #007dbc;border-radius:5px;}
	.middle-header .col-xs-1.mobile-menu-icon div {width: 35px;margin: 0 auto;padding: 0px;line-height:0px;}
	.middle-header .col-xs-1.mobile-menu-icon div span{ display: inline-block;
  vertical-align: top;width: 35px;height: 3px;background-color: #007dbc;margin: 3px 0;}
    .middle-header .right-social-wrapper form input[type=search]{border: none;background: url(../images/top-search-icon-white.png) no-repeat right 10px; padding: 5px 0px 5px 0px;color: #FFF;}
	.middle-header .right-social-wrapper form input[type=search]:focus{border: 1px solid #FFFFFF !important;}
	/*#header .mobile-menu{display:block;}*/
	#header .mobile-menu.visible{display:block;}
	#header .mobile-menu #unwto-mobile-menu{border-bottom: 3px solid #03689c;}
	#header .mobile-menu #unwto-mobile-menu ul{list-style: none;padding-left: 0;}
	#header .mobile-menu #unwto-mobile-menu ul li a{display: inline-block;font-size: 18px;padding: 5px 0px;line-height: 20px;font-family: "ralewaymedium";color: #333333;}
	#header .mobile-menu #unwto-mobile-menu #menu-mobile-menu{margin: 10px 0px;}
	#header .mobile-menu .mobile-social-media{display: block;padding-left:0px;margin: 15px 0px;}
	#header .mobile-menu .mobile-social-media li{display: inline-block;padding-left: 25px;}
	#header .mobile-menu .mobile-social-media li:nth-child(1){padding-left:0px;}
	#header .mobile-menu .mobile-social-media a { display: inline-block;}
	#header .mobile-menu .mobile-social-media span{font-size: 20px;color: #03699d;}
	#header .mobile-menu #unwto-mobile-menu .dropdown-menu li {padding-left:10px;}
    #header .mobile-menu #menu-mobile-menu li:hover {background-color: #dddddd;}
    #header .mobile-menu #unwto-mobile-menu .dropdown-menu li.active:hover{background-color: #dddddd;float: left;
    width: 100%;}
    #header .mobile-menu #unwto-mobile-menu .dropdown-menu li:hover{background-color: #dddddd;float: left;
    width: 100%;}
    #header .mobile-menu #unwto-mobile-menu.dropdown-menu>li>a:focus, #header .mobile-menu #unwto-mobile-menu .dropdown-menu>li>a:hover{background-color:transparent;}
    #header .mobile-menu #unwto-mobile-menu .dropdown-menu>.active>a{background-color:transparent;}
    #header .mobile-menu #unwto-mobile-menu .dropdown-menu>.active>a:focus,
    #header .mobile-menu #unwto-mobile-menu .dropdown-menu>.active>a:hover {background-color:transparent;}
    

	/*=== END Mobile menu css===*/
	.top-header .mobile-menu-btn-toggle{display: block;}
	#header .middle-header .left-logo-wrapper{margin:10px 0px;}
	#header .bottom-header{display:none;padding-top: 10px;}
    #header .bottom-header #tourism-sdgs-menu, #header .bottom-header #learn-menu{margin-bottom: 10px;} 
	#header .middle-header .right-social-wrapper .text-right.all-social-media{display:none;}
	#header .middle-header .mobile-bg-set-search{background-color:#007dbc;}
	#header .middle-header .mobile-bg-set-search .right-social-wrapper {padding:10px;}
	#header .middle-header .mobile-bg-set-search .right-social-wrapper .text-right{margin-bottom:0px;}
	#header .middle-header .mobile-bg-set-search .right-social-wrapper ul li:first-child{padding-left:0px;display:inline-flex; width: 93%;}
	#header .middle-header .mobile-bg-set-search .right-social-wrapper ul li:nth-child(2){ width:5%;padding-left:0px;}
	#header .middle-header .mobile-bg-set-search .right-social-wrapper .hide {display: block !important;width: 100%;font-family: ralewaymedium; text-transform: capitalize;padding-left: 10px;}
	#header .middle-header .mobile-bg-set-search .right-social-wrapper .text-right .fa-search:before{position:relative;right:30px;top:25%;}
	#header .middle-header .mobile-bg-set-search .right-social-wrapper .fa-user-circle:before{color:#FFF;}
    #carousel-id .carousel-caption {right: 3%;left: 3%;top: 0px;bottom: 0px;padding: 0; display:contents; }
    input[type=search].social-input-search, .btn-social-search-submit{color: #FFF;}
    input[type=search]:focus{color: #FFF;}
	.floating-video { margin:30px 0;}
    .carousel-bootstrap {min-height: 375px;}
    #carousel-id .carousel-inner .item {min-height: 375px;}
    #carousel-id .carousel-control{display: none;}
	#carousel-id .carousel-caption form{ line-height:0px;}
    #carousel-id .carousel-caption h1{line-height:45px;}
    #carousel-id .carousel-caption form input{display: none;}
    #carousel-id .carousel-caption form .btn-search-slide-submit i{display: none;}
    #carousel-id .carousel-caption p{line-height:30px;}
    #carousel-id .carousel-caption h2{line-height:40px;margin-top: 10px;}
    #carousel-id .carousel-caption li{padding: 0px 0 10px 0;}

	.home-round-chart-section .bottom-divider span.border-bottom-get-inv-title{width:50%;}
	.home-iama-section .main-circle-image .sub-title a{font-size: 16px;letter-spacing: 1px;line-height: 24px;}
	.home-iama-section .sub-title.public_body a{top:17.5%;left:86.5%;}
	.home-iama-section .sub-title.public_body{top:17.5%;left:86%;}
	
	/* .home-get-involved-section .boxes.col-xs-12.col-sm-4.col-md-4{width: 33%;padding: 0;} */
	.home-get-involved-section .round-box{width:100%;}
	.home-get-involved-section .main-count-section .mcs-width-mobile{width: 25%;}
	.home-get-involved-section .main-count-section {padding-top: 80px;}	
	.home-get-involved-section .round-box .rb-title{font-size:24px;letter-spacing:2px;}

	.home-get-involved-section .count-section .count-number{font-size:32px;letter-spacing: 2px;line-height:30px;}
	.home-get-involved-section .count-section .count-title{font-size:18px;letter-spacing: 2px;line-height:32px;}	

	.home-world-map-section span.border-bottom-get-inv-title{width: 50% !important;}
	.home-world-map-section .main-select-dropdown .msc-dropdown{width:100%; margin-bottom: 20px;}
	.home-world-map-section .main-square-group ul li{width:auto;padding-bottom: 15px;}	

	.home-discover-unique-platform-section .bottom-divider span.border-bottom-get-inv-title{width: 50%;}
	.home-discover-unique-platform-section .main-sdgs-section .sdgs-part{margin-bottom: 30px; }
	.home-discover-unique-platform-section .main-sdgs-section .sdgs-part .title-caption{font-size: 20px;}
	.home-discover-unique-platform-section .main-sdgs-section .sdgs-part .overlay-hover-color{height: 200px;width: 100%;}
	.home-discover-unique-platform-section .main-sdgs-section .sdgs-part .overlay-hover-color .img-sec{background-position: center !important;}
	.home-discover-unique-platform-section .main-section-space{padding-bottom: 0px;}
	.news-event-section{padding-top: 0;}
	.latest-event .event-thumbnail{min-height:200px !important;}
	.latest-news .news-thumbnail{min-height:200px !important;}
	
	/*Single page css*/
	.inner-banner .banner-txt .bnr-ttl{font-size: 20px; line-height: 28px; }
	.inner-banner .banner-txt p{font-size: 12px; line-height: 22px; }
	.inner-banner .banner-txt{padding: 10px 20px; margin-top: 20px; }
	.left-singledetail-content .singledetail-main-ttl{font-size: 16px; line-height: 24px; margin-bottom: 10px; }
	.left-singledetail-content .singledetail-post-img{margin: 15px 0 20px 0; }
	.left-singledetail-content .single-content-main{font-size: 14px; line-height: 28px; }

	#filter-divs.in, #filter-divs.collapsing {display: block !important;}
	.down-arrow-filter .fa.fa-angle-down{font-size: 50px;line-height: 18px;}

	/*Footer css in mobile*/
	footer .footer-logo-wrapper{margin-top:10px;}
	footer .footer-logo-wrapper img{margin:0 auto;}
	footer ul.menu{padding-left:0px;margin:10px 0;text-align:center;width:100%;}
	footer h5{margin: 10px;text-align: center;}
	footer .footer-platform-dev-support {margin-bottom:30px;}
	footer .footer-platform-dev-support img{margin:0 auto;}
    footer .col-lg-8.col-md-8.col-sm-8.col-xs-12 .col-lg-3.col-md-3.col-sm-3.col-xs-12{padding-right: 15px;padding-left: 15px;}
}

@media only screen and (max-width : 762px) {
	.home-iama-section .sub-title.public_body a{left:85.5%;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 680px) {
    .middle-header .col-xs-1.mobile-menu-icon{transform: translate(0%, 100%)}
    .carousel-bootstrap {min-height: 330px;}
    #carousel-id .carousel-inner .item {min-height: 330px;}
    #carousel-id .carousel-caption h1{font-size: 32px;line-height:36px;}
    #carousel-id .carousel-caption p{font-size: 14px;line-height:30px;}
    #carousel-id .carousel-caption h2{font-size: 16px;line-height:32px;}
    
	.home-iama-section .main-circle-image .sub-title a{font-size: 14px;letter-spacing: 0px;line-height: 22px;}
	.home-get-involved-section .round-box-bg{width: 12em;height: 12em;}
	.home-get-involved-section .round-box-bg .rb-icon{padding-top: 10px;}
	.home-get-involved-section .round-box-bg .rb-icon span img{width: 30%;}
	.home-get-involved-section .round-box .rb-title{line-height: 30px;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 600px) {
	.resources-cont .col-xs-3 { width:50%;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 560px) {
    .middle-header .col-xs-1.mobile-menu-icon{transform: translate(0%, 80%)}
    .carousel-bootstrap {min-height: 264px;}
    #carousel-id  .carousel-inner .item {min-height: 264px;}
    #carousel-id .carousel-caption h1{font-size: 26px;line-height:32px;}
    #carousel-id .carousel-caption p{font-size: 12px;line-height:18px;}
    #carousel-id .carousel-caption h2{font-size: 12px;line-height:18px;}
    #carousel-id .carousel-caption li{font-size: 12px;line-height:16px;padding: 0px 0 3px 0;}

	.home-get-involved-section .round-box-bg{width: 9em;height: 9em;}
	.home-get-involved-section .round-box-bg .rb-icon{padding-top: 18px;}
	.home-get-involved-section .round-box-bg .rb-icon span img{width: 25%;}
	.home-get-involved-section .round-box .rb-title{line-height: 21px;}
	
	.home-get-involved-section .main-count-section{padding: 40px 0px 0px 0px;}
	.home-get-involved-section .count-section .count-number{font-size:22px;line-height:26px;}
	.home-get-involved-section .count-section .count-title{font-size:14px;line-height:26px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.middle-header .col-xs-1.mobile-menu-icon{transform: translate(0%, 65%);}
    .bottom-header #tourism-sdgs-menu ul li.dropdown a, .bottom-header #learn-menu ul li a, .bottom-header #share-menu ul li a, .bottom-header #act-menu ul li.dropdown a{font-size: 14px !important;padding: 10px 5px !important;}
 	.home-iama-section .main-circle-image .sub-title a{font-size: 12px;}
	.home-iama-section .title-section .title, .home-get-involved-section .title-section .title{font-size: 16px;line-height: 22px;}
	.home-iama-section .bottom-divider span{width: 48px;}
    .page-template-learn-page .col-md-3.col-sm-4.col-xs-6.box{ width: 100%;justify-content: center; display: flex;}
    .page-template-learn-page .col-md-3.col-sm-4.col-xs-6.box .overlay.img-thumbnail.img-check{left: auto;}
    .page-template-content-submission-page .col.col-xs-12.col-sm-3.col-md-3.col-lg-3{ width: 100%;justify-content: center; display: flex;}
    .page-template-content-submission-page .col.col-xs-12.col-sm-3.col-md-3.col-lg-3 .overlay.img-thumbnail.img-check{left: auto !important;}
}

@media only screen and (max-width : 420px) {
	.middle-header .col-xs-1.mobile-menu-icon{transform: translate(0%, 60%);}
	.middle-header .col-xs-1.mobile-menu-icon .mob_square_box{width:40px;}
	.middle-header .col-xs-1.mobile-menu-icon div {width: 25px;}
	.middle-header .col-xs-1.mobile-menu-icon div span{ width: 25px;}

	#header .middle-header .mobile-bg-set-search .right-social-wrapper ul li:first-child{width:92%;}
    .carousel-bootstrap {min-height: 264px;}
    #carousel-id  .carousel-inner .item {min-height: 264px;}
    #carousel-id .carousel-caption h1{font-size: 18px;line-height:26px;}
    #carousel-id .carousel-caption p{font-size: 10px;line-height:16px;}
    #carousel-id .carousel-caption h2{font-size: 10px;line-height:16px;}
    #carousel-id .carousel-caption li{font-size: 10px;line-height:16px;padding: 0px 0 1px 0;}

	.home-iama-section .main-circle-image img {  width:100%; }
	.home-iama-section .main-circle-image .sub-title a{/*line-height: 16px;*/ font-size: 14px;}
	.home-iama-section .sub-title.traveller a{/*top:-7.5%;left:67%;*/ top: -7.5%;
	left: 73%;}
	.home-iama-section .sub-title.public_body a{/*top:28%;left:77%;*/ top: 34%;
    left: 91%;}
	.home-iama-section .sub-title.international_organization a{/*top:99%;left:77%;*/top: 99%;
	left: 88%;}
	.home-iama-section .sub-title.donor a{/*top:107%;left:36%;*/ top: 107%;
	left: 30%;}
	.home-iama-section .sub-title.academia_cso a{/*top:62%;left:14%;*/top: 82%;
	left: 16%;}
	.home-iama-section .sub-title.company a{/*top:8%;left:22%;*/top: 8%;
	left: 9%;}	

	.home-get-involved-section .round-box-bg{width: 7em;height: 7em;}
	.home-get-involved-section .round-box-bg .rb-icon{padding-top: 15px;}
	.home-get-involved-section .round-box-bg .rb-icon span img{width: 21%;}
	.home-get-involved-section .round-box .rb-title{line-height: 18px;font-size: 12px;}

	.home-get-involved-section .count-section .count-number{font-size:20px;line-height:24px;}
	.home-get-involved-section .count-section .count-title{font-size:12px;line-height:24px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.middle-header .col-xs-1.mobile-menu-icon div{width: 26px;}
	.middle-header .col-xs-1.mobile-menu-icon div span{width: 26px;}
	.middle-header .col-xs-1.mobile-menu-icon{transform: translate(0%, 50%);padding-left:5px;}
	.home-get-involved-section .round-box-bg{width: 6em;height: 6em;}
	.home-get-involved-section .round-box .rb-title{line-height: 13px;}
	.home-get-involved-section .count-section .count-number{font-size:16px;line-height:24px;}
	.home-get-involved-section .count-section .count-title{font-size:10px;line-height:24px;}
	.resources-cont .col-xs-3 { width:100%;}
}