/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
	.search-box input {
		width: 165px;
	}

	.lng-box {
	    font-size: 12px;
	    margin-left: 10px;
	}

	.search-box {
		width: 200px;
	}


	nav > ul > li > a {
	    padding: 18px 5px 38px !important;
	}
}

@media only screen and (max-width : 1220px) {
nav ul li a {
		font-size: 15px;
		margin-right: 15px;
	}

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	nav ul li a {
		font-size: 15px;
		margin-right: 15px;
	}

	.search-box {
		width: 150px;
	}

	.search-box input {
		width: 115px;
	}
	.shared-box {
		padding: 35px 30px;
	}
	.news-noimg .ftr {
		padding: 20px;
	}

	.subscribe-block h4 {
		font-size: 15px;
		margin-top: 14px;
	}

	.guidline-tab .tab {
		margin-right: 15px;
	}

	.how-to .tab {
		width: 135px;
		height: 135px;
		padding-top: 23px;
	}
	.how-to .tab p {
		font-size: 16px;
	}

	.article-apply .article-description {
		min-height: 361px;
	}

	.article-apply .article-item {
		background-color: #000;
	}

	.upcoming-event .tab {
		width: 127px;
		padding-top: 23px;
	}

	.upcoming-event .tab span {
		width: 100px;
		height: 100px;
	}

	.upcoming-event .tab p {
		font-size: 16px;
	}

	.date-event-box {
	    padding: 30px 40px 15px;
	}

	.program-table h2 {
		font-size: 34px;
		margin-top: 103px;
	}

	.person-desc {
		top: auto;
		bottom: 0;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		height: 90px;
	}

	.slider-nav .slick-slide {
		width: 127px !important;
	}

	.slider-nav button {
		top: 1px;
	}


	.result-list .sort-box select {
		width: 210px;
	}

	.gallery-wrap .video-responsive, .gallery-wrap .gal-box {
		height: 248px;
	}

	.gallery-list {
		margin-top: 20px;
	}

	.article-list .video-responsive {
		height: 348px;
	}

	.gallery-sm-box {
		 width: 31%;
	    margin-right: 32px;
	    height: 164px;
	}

	.year-box {
		margin: 0 11px 25px;
	}

	.year-block:before {
		right: 35px;
	}
		

	.prev-events-box .pe-img {
		width: 100%;
		height: 175px;
	} 

	.prev-events-box.btm .pe-img {
	    height: 160px;
	    width: 250px;
	}

	.doc-item h3 {
		padding-right: 180px;
	}
}

@media only screen and (max-width : 1100px) {
nav ul li a {
		font-size: 14px;
		margin-right: 10px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	nav ul {
			display: none;
			width: 100%;
		}
		nav ul li {
			display: block;
			width: 100%;

		}
		nav ul li a, nav ul li span {
			width: 100%;
		}

		nav {
			margin-top: 0;
		}

		.search-box, .lng-box {
			margin-top: 10px;
			width: 100%;
			margin-left: 0;
		}
		.logo-box {
			text-align: left;
			padding-left: 50px;
		}

		.news-main .left {
			margin-right: 0;
			width: 100%;

		}

		.news-main .right {
			width: 100%;
		}

		.news-main .right .news-img img {
			width: 100%;
		}

		.shared-box {
			text-align: center;
		}

		.wrapper-news .news-box-mini:first-child {
			margin-right: 24px;
		}

		.article-half .article-img, 
		.article-half .article-description {
			width: 100%;
		}

		.subscribe-block h4 {
			font-size: 16px;
			text-align: center;
		}

		.subscr-form {
			margin-left: 0;
			margin-right: 0;
			border-left: none;
			padding-left: 0;
		}

		.top-btn {
			bottom: auto;
			margin-top: 10px;
		}

		.subscribe-block .text-right {
			text-align: center;
		}

		.subscribe-block {
			padding: 20px 0;
		}

		.f-menu {
			padding-right: 25px;
		}

		.f-logo {
			border-top: 1px solid rgba(255,255,255,.5);
			margin-top: 15px;
			padding-top: 15px;
		}

		.f-soc {
			margin-top: 20px;
		}

		.guidline-tab .tab {
			width: 220px;
			height: 65px;
			font-size: 16px;
		}


		.feedback-block h2 {
			margin-left: 0;
		}

		.feedback-block h2 br {
			display: none;
		}

		.feedback-block .pr50 {
			padding-left: 0;
			padding-right: 15px;
		}

		.ftr-form {
			padding-left: 0;
			padding-right: 15px;
		}

		.sort-block .btn {
			float: none;
			margin: 35px 0;
		}

		.sort-block {
			margin: 0;
		}
		.how-to .tab:nth-child(2n+1) {
			margin-right: 0;
		}


		.how-to .tab {
			margin: 0 10px;
		}

		.how-to .tabs {
			text-align: left;
			margin-bottom: 25px;
		}

		.advant-box {
			position: relative;
			padding-left: 120px;
			padding-right: 0;
			margin: 0;
			margin-bottom: 15px;
			width: 100%;
			text-align: left;
			margin-bottom: 20px;
			min-height: 100px;
		}
		.advant-box img {
			position: absolute;
			left: 0;
			top: 0;
		}

		.advant-box h3 {
			margin-top: 0;
		}

		.tab-event-wrap {
			padding-left: 0;
			margin-bottom: 35px;
		}

		.program-table h2 {
			margin-top: 25px;
		}

		.program-table h2 br {
			display: none;
		}

		.program-table-wrap {
			padding: 25px 45px;
			background-color: #000;
			background-image: none;
		}

		.program-table  table tr td {
			padding: 10px 15px;
			font-size: 14px;
		}

		.slider-nav button {

			margin-top: 80px;
			z-index: 5;
		}
		.slider-nav button.prev {
			left: 15px;
		}

		.slider-nav button.next {
			right: 15px;
		}

		.result-search {
			margin-bottom: 20px;
		}

		.gallery-wrap .video-responsive, .gallery-wrap .gal-box {
			height: 180px;
		}

		.gallery-sm-box {
		    width: 30%;
		    margin-right: 36px;
		    height: 122px;
		}

		.contacts-page-box {
			width: 100%;
			margin-top: 15px;
			margin-bottom: 25px;
		}


			.year-box span {
			width: 95px;
			height: 95px;
		}


		.year-box {
		    width: 130px;
		    margin: 0 1px 25px;
		}


		.year-block:before {
			top: 49px;
			left: 35px;
		}

		.year-box {
			font-size: 14px;
		}
		.opening-ceremony img{
			float: none !important;
			margin-right: 0;
			margin-top: 0;
			margin-bottom: 35px;
		}

		.prev-events-box.pe4 .pe-img {
			width: 100%;
			height: 175px;
		} 

		.prev-events-box.pe4 .center {
			position: relative;
			top: auto;
			right: auto;
			-webkit-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
			width: 100%;
		}
		.prev-events-box.pe4  {
			padding-bottom: 25px;
		}


		.prev-events-box.pe5 .pe-img {
		    height: 217px;
		    width: 335px;
		}

		.prev-events-box.pe5 .center{
			width: 325px;
		}


	 nav > ul > li > a {
	    padding: 10px 0 !important;
	}

	 nav > ul > li > ul {
	 	position: relative !important;
	 	display: block !important;
	 	width: 100% !important;
	 	background-color: transparent !important;
	 	padding: 0 !important;
	 	padding-left: 25px !important;

	 }

	 .countries-page .country-modal {
	 	padding-right: 0;
	 }

	 .gray-box-info {
	 	position: relative;
	 	top: auto;
	 	right: auto;
	 }


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	.slider .item, .slider {
		min-height: auto;
	}
	.slider .item, .no-slider{
		padding: 80px 0;
	}
	.slider  .center {
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}

	header {
		position: relative;
		background-color: #0f0f0f;
	}

	.slider .owl-nav > div {
		width: 30px;
		height: 30px;
		line-height: 23px;
	}

	.slider .owl-nav  {
		top: auto;
		bottom: 120px;
	}

	.doc-item {
		width: 100%;
		padding-left: 0;
	}

	.doc-item .btn {
		right: 0;
	}

	.guidline-tab .tab  {
		width: 100%;
		margin-right: 0;
	}

	.guidline-tab .tab.active:after {
		display: none;
	}

	.sponsors .owl-nav {
		top: auto;
		bottom: -10px;
	}
	.sponsors .owl-nav .owl-prev {
		left: 0px;
	}

	.sponsors .owl-nav .owl-next {
		right: 0px;
	}

	.sponsors  {
		padding-bottom: 70px;
	}

	.person-box {
		width: 250px;
		margin-bottom: 45px;
		display: inline-block;
	}

	.person {
		text-align: center;
	}

	.person-desc {
		right: 14px;
	}

	.slider-nav .slick-slide  {
		width: 75px !important;
		margin: 0 5px;
	}

	.slider-nav button {
		margin-top: 45px;
	}

	.table-result table td, .table-result table th {
		font-size: 14px;
	}

	.gallery-wrap .gal-box {
		width: 100%;	
		height: 350px;
	}
	.gallery-wrap .gal-img  {
		margin-bottom: 20px;
		height: auto;
	}
	.gallery-wrap .gal-box img {
		width: 100%;
	}

	.gallery-sm-box  {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	.gallery-sm-box  img {
		width: 100%;
	}

	.gallery-sm-box.video-responsive {
		height: 270px;
	}

	.news-noimg .ftr  {
		position: relative;
	}

	.news-noimg {
		padding-bottom: 0;
	}

	.year-box:last-child {
			margin-left: 0;
		}

	.year-block:before  {
		display: none;
	}

	.year-block {
		text-align: center;
	}


	.prev-events-box .pe-img  {
		height: auto !important;
		width: auto !important;

	}

	.prev-events-box .pe-img img {
		width: 100%;
	}


	.prev-events-box.pe5 .center {
		position: relative;
		top: auto;
		right: auto;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		width: 100%;
	}
	.prev-events-box.pe5  {
		padding-bottom: 25px;
	}

	.word br {
		display: none;
	}


}

@media only screen and (max-width : 730px) {
		.wrapper-news .news-box-mini:first-child {
			margin-right: 21px;
		}
	}

@media only screen and (max-width : 730px) {
.wrapper-news .news-box-mini:first-child {
			margin-right: 14px;
		}
}
@media only screen and (max-width : 640px) {
	.f-menu {
		width: 100%;
		margin-bottom: 35px;
		font-size: 12px;
	}

	.feedback-block .pr50 {
		width: 100%;
	}

	.ftr-form .btn {
		float: left;
		margin-top: 15px;
	}

	.ftr-form .check {
		width: 100%;
	}

	.ftr-form .check input {
		width: 270px;
	}

	.sort-box {
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	
	.sort-block .btn {
		margin: 15px 0 25px 5px;
	}

	.how-to .tab img{
		display: none;
	}

	.how-to .tab  {
		width: 100%;
		margin: 0;
		height: auto;
		padding: 15px 10px;
		margin-bottom: 10px;
	}

	.how-to .tab  p {
		margin: 0;
	}

	.program-table table th {
		font-size: 12px;
		padding-left: 10px;
	}

	.program-table table tr td {
		font-size: 11px;
	}

	.program-table-wrap {
		padding: 25px 15px;
	}


	.country-modal .country-info {
		float: left;
		margin-bottom: 40px;
		width: 100%;
	}
}
@media only screen and (max-width : 560px) {
	.news-noimg .ftr {
		text-align: center;
	}

	.news-noimg .ftr .date, 	.news-noimg .ftr .readmore {
		float: none;
		display: inline-block;
	}

	.news-noimg  .soc-news-share {
		width: 100%;
		margin: 10px 0;
	}

	.table-result table td, .table-result table th {
		font-size: 12px;
		padding: 5px 5px;
	}

	.gray-box-info {
		float: left;
		width: 100%;
		height: auto;

	}


}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.xs100 {
		width: 100%;
	}

	header {
		padding-top: 15px;
	}

	.search-box, .lng-box, .logo-box {
		text-align: center;
		width: 100%;
	}
	.search-box input {
		width: calc(100% - 35px);
	}

	.search-box {
		margin-bottom: 5px;
	}
	
	.shared-fix-box {
		display: none;
	}
	.lng-box {
		text-align: right;
	}

	.btn-slider {
		padding: 10px 28px;
		font-size: 12px;
	}

	.slider .owl-nav {
		bottom: 115px;
	}

	.wrapper-news .news-box-mini:first-child {
			margin-right: 0;
		}
	.wrapper-news .news-box-mini {
		width: 100%;
	}

	.news-box-big .btn {
		margin-top: 10px;
	}

	.news-box h3 {
		font-size: 18px;
	}

	.news-box .description {
		padding: 20px;
	}

	.copyright, .waytostart {
		float: none;
		margin-top: 15px;
		text-align: center;
		font-size: 11px;
	}

	.doc-item .btn {
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}

	.doc-item h3 {
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		margin-top: 0;
		margin-bottom: 15px;
		padding-right: 0;
	}

	.doc-item {
		height: auto;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #DFDFDF;
	}

	.doc-item:last-child {
		border-bottom: none;
	}

	h2.title {
		font-size: 32px;
	}

	.pagination .btn-pagination  {
		display: none;
	}
	.pagination {
		font-size: 12px;
	}

	.article-apply .btn-apply {
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.article-apply .btn-apply:after {
		margin-left: 5px;
	}

	.date-event-box {
		padding: 15px;
	}


	.date-event {
		font-size: 26px;
		padding-bottom: 18px;
	}


	.upcoming-event .tab {
		margin: 0;
		margin-bottom: 10px;
		width: 100%;
		height: auto;
		padding: 10px 0;
	}
	.upcoming-event .tab p {
		margin: 0;

	}

	.upcoming-event .tab span {
		display: none;
	}
	
	.upcoming-event .tab img {
		display: none;

	}

	.slider-nav .slick-slide {
		display: none;
	}


	.slider-nav button {
		margin-top: -15px;
	}

	.countries .title-line {
		margin-top: 60px;
	}

	.table-result table th, .table-result table td {
		font-size: 15px;
		
	}

	.table-result table  {
		width: 700px;
	}

	.table-result {
		overflow-x: scroll;
	}

	.comitet-person-box {
		min-height: 380px;
	}

	.country-modal .comitet-person-box {
		width: 100%;
		text-align: center;
		margin: 0;
		margin-bottom: 35px;
	}

	
	.date-event-final .center a {
	    font-size: 14px;
	    padding: 9px 8px;
	}



}
@media only screen and (max-width : 379px) {
	.shared-box h4:after { 
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.readmore {
		padding: 7px 35px 7px 10px;
	}

	.date {
		padding: 7px 15px;
	}

	.title-share {
		margin-bottom: 10px;
	}

	.shared-box {
		padding: 25px 30px;
		margin-bottom: 15px;
	}

	.date-event:before {
		display: none;
	}

	.date-event-box h4 {
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 5px;
	}

	.program-table table tr td {
		padding-right: 5px;
		padding-left: 5px;
	}

	.program-table table th {
		font-size: 10px;
	}

	.program-table h2 {
		margin-top: 0;
		font-size: 20px;
	}



	.previos-events .tab .num {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}

	.previos-events .tab.active .num {
	    width: 40px;
	    line-height: 34px;
	    height: 40px;
	}

	.previos-events .tabs::before {
		top: 19px;
	}

	.comitet-person-box {
	    min-height: 280px;
	}


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
nav > ul {
		display: block !important;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}