@media (max-width: 767px) {




div.contentView {
	    margin:0px 0px 15px;
}

div.contentView div.contentText{
	display: inline-block;
}
div.contentImageContainer{
	    float: none !important;
	    display: inline;
}
.container{
	width:100%;
	padding:0 15px;
	margin:auto;
	box-sizing: border-box;
}
.headerSection  {
	min-height:150px;
	height:120px;
}
.headerSection .logoWarp{
	z-index:1000;
}
.headerSection .logoWarp img{
	width: 60%;
}
.headerSection .siteTitle {
    margin: 0;
    font: 10px LatoSemibold;
    position: absolute;
    top: 50px;
    left: 50px;
	z-index: 1000;
}
.headerSection .slogan {
    	font-size:9px;
	padding-left: 0px;
	display:none;
}
.headerSection .topQuickAccessWarp {
	float: none;
	width: 100%;
	margin:20px 0 10px;
	display: inline-block;
	min-height: 40px;
	text-align:center;
}
.headerSection .topQuickAccessWarp a{
	font-size: 0;
	padding: 35px 17px 0;
}
.headerSection .topQuickAccessWarp .searchBtn{
	padding: 35px 11px 0px;
	font-size: 0;
	float:none;
	border-left:0;
	border-right:1px solid #e9ebec;
}
.countryFlages{
	display:none;
}
.searchSectionActive{
	z-index:1000;
}
.searchSection .searchBox{
	width:90%;
}
.searchSection .searchBox input.searchInput{
	height:66px;
}
.welcome {
    float: none;
    text-align: center;
}
.searchSection .searchBox input.searchSubmit[type="submit"]{
    width: 130px !important;
    font: 25px LatoLight !important;
}
/********** Main-Menu ************/
.menuWrap{
	background-color: transparent;
	top: 0px;
	position: absolute;
}
div.mainMenu {
	z-index:1;
	position:absolute !important;
	right:7px;
	top: 35px;
}
div.mainMenu li::after{
	display:none;
}
div.mainMenu li:first-child {
    height: auto !important;
    width: 100% !important;
}
div.mainMenu li:hover:first-child {

}
div.mainMenu li a:after{
	display:none;
}
div.mainMenu li:last-child{
	height: 40px;
    	/*overflow: hidden;*/
}
div.mainMenu li:last-child a{
	line-height: 20px;
}


div.mainMenu > div[id^="block"]{
	width: 100%;
	}

div.mainMenu div[id^="hpm_pmnu"]{
	width: 100%;
	position: relative!important;
	top: auto!important;
	left: auto!important;
	}

div.mainMenu div[id^="hpm_pmnu"]> a {
	display: none;
}	

div.mainMenu div[id^="hpm_pmnu"]> a {
    width: 45px;
    height: 35px;
    text-align: right;
    text-indent: -9999px;
    position: absolute;
    margin-left: 5px;
    overflow: hidden;
    background:#04aaa4;
    padding: 2px 0px;
    margin-top: 6px;
    border: 0px;
    z-index:10;
    line-height:21px;
	border-radius:4px;
	right:0;
}

div.mainMenu li ul li{
	background-color:#009cc9 !important;
}
div.mainMenu ul li ul li:first-child{
	background-color:#009cc9;
}
div.mainMenu div[id^="hpm_pmnu"]> a:after {
	position: absolute;
	border-top: 2px solid #fff;
	top: 49%;
	left: 25%;
	right: 25%;
	content: "";
	height: 2px;
	}
div.mainMenu div[id^="hpm_pmnu"]> a:before{
	position: absolute;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	top: 23% !important;
	left: 25%;
	right: 25%;
	content: "";
	color: #A00000;
	height: 15px;
	}


div.mainMenu div[id^="hpm_pmnu"]:not(:target) > a:first-of-type, div[id^="hpm_pmnu"]:target > a:last-of-type {
    display: block;
}

	
div.mainMenu div[id^="hpm_pmnu"]> ul {
	height: auto;
	background-color: #036ba5;
	margin: 0px;
        z-index:8;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	border:0;
	width:300px !important;
	top:43px;

	}	
		
div.mainMenu div[id^="hpm_pmnu"]:target > ul {
	display: block;
	}

div.mainMenu li{
	width: auto !important;
	height: auto;
	float: none;
	position: static;
	margin: 0px;
	z-index: 900;
	padding: 0px;
	border-bottom:1px solid #01598a !important;
	display:block;
	}

div.mainMenu li:hover {	
	background:#00b0b8;
	color:#fff;	
	}

div.mainMenu div[id^="hpm_pmnu"]> ul > li {
	width: 100%;
	float: none;
	background:none;
	}

div.mainMenu div[id^="hpm_pmnu"] > ul > li:first-child{
    padding:  0px;
    border-radius: none;
    margin-top:0px;
    border: 0px;

}

div.mainMenu div[id^="hpm_pmnu"]> ul > li > a{
	height: auto;
	text-align: center;
	color: #fff;
	padding: 10px 20px !important;
	margin:0px !important;
	}

div.mainMenu div[id^="hpm_pmnu"] > ul > li:first-child > a {
	background-image: none;
	background:inherit !important;
	width: auto;
	height: auto;
	font-size: inherit !important;
	color: inherit !important;

}

div.mainMenu div[id^="hpm_pmnu"]> ul > li:hover > a{
	color:#fff;

	}

div.mainMenu div[id^="hpm_pmnu"]> ul > li > a:hover {
	color:#fff;
	}

div.mainMenu div[id^="hpm_pmnu"]> ul > li:not( :last-child ) > a {
	line-height: 20px;
	font-size: 15px !important;
	color:#fff !important;
	}
	
div.mainMenu div[id^="hpm_pmnu"] li ul {
	position: static;
	padding-top: 0px;
	border:1px #00b0b8 solid;
	border-bottom:2px solid #bdaa59;
	background:#fff;
	}


div.mainMenu div[id^="hpm_pmnu"] li ul li ul{
	margin:5px;
	border:1px #AABBBD dashed;
	margin-bottom:2px;
}
div.mainMenu li a {
	font-size: 16px;
	padding:15px 9px !important;
	line-height: 24px;
	position: relative;
	*position: static !important;
	font-weight: normal;
	}

div.mainMenu li a:hover {
	transition: all 0.1s ease 0s;
	z-index: 900!important;	
	}

div.mainMenu li ul{
	top: 54px;
	z-index: 800!important;
	border:1px solid #c3cdd5;
	border-bottom:none;
	}

div.mainMenu li:hover ul{width:auto;}

div.mainMenu li ul li {
	margin: 0px;
	padding: 0px;
	width: 100% !important;
	height: auto;
	border-bottom: 1px solid #DAD8D2;
	background-color: #009cc9 !important;
	}


div.mainMenu li ul li:hover {
	background-image:none;
}

div.mainMenu li ul li a{
	font-size: 15px;
	color: #fff !important;
	padding:10px 20px!important;
	line-height: 20px;
	position: relative;

}
/**End Menu***/
.position1, .position2,.position3, .position4, .position5,.position6, .position7, .position8,.position9,.position20,.position21,.position22,.position23,.position24 {
    width: 100%;
    float: left;
	padding:0;
}
.latestNews{
	padding: 10px 15px 0;
}
.latestNews .bx-viewport {
    min-height: 200px;
}
.latestNews h2.contentTitle a{
	line-height: 22px;
}
.secretaryGeneralName{
	width: 59%;
}
.newsPoster{
	display:none;
} 
.grayHeaderBlock {
    margin: 30px 0 10px;
}  
.grayHeaderBlock .blockTitle{
	background-color: #036ba5;
	color: #fff;
}
.grayHeaderBlock .contentList .contentImageContainer{
	display:none;
}
.grayHeaderBlock .contentMore {
    position: relative;
    bottom: auto;
    right: auto;
    margin: 15px auto 0;
    text-align: center;
}
.grayHeaderBlock .contentAbstract, .grayHeaderBlock .contentText,.grayHeaderBlock h2{
	padding-left:0;
	margin-left:0;
}
.greenCenterBorder .div-column4 {
    width: 100% !important;
    background-color: #036ba5;
    margin-bottom: 5px;
	height:65px;
}

.greenCenterBorder .div-column4:nth-child(even){
    background-color: #04aaa4;
}
.greenCenterBorder .div-column4:hover {
    background-color:#025b8c;
}
.greenCenterBorder .div-column4:nth-child(even):hover{
    background-color: #01938e;
}

.greenCenterBorder .contentList .contentImageContainer{
	display:none;
}
.greenCenterBorder h2.contentTitle a{
	color:#fff !important;
}
.greenCenterBorder .div-column4:last-child {
	
}
.bottomRightBanner {
    text-align: center;
}
.bottomRightBanner .listItemStyle {
    float: none !important;
    display: inline-block;
    width: 300px !important;
    text-align: center;
	margin-bottom:10px;
	margin-left:0 !important;
}
.bottomRightBanner .listItemStyle .contentList{
	margin:auto;
	height: 100px !important;
	padding: 30px 25px !important;
	width: 97% !important;
}
.footerLinksCoulmn {
    	width: 100%;
	padding-right: 0;
}
.footerSection .signiture{
	width:100%;
	text-align: center;
	float: none;
}
.footerSection .socialNetwork{
	text-align: center;
	float: none;
	padding-top: 20px;
}
.footerSection .copyRight {
    float: none;
    padding-top: 5px;
    text-align: center;
    padding-bottom: 20px;
}
.footerSection .copyRight::after {
    left: 0;
    top: 30px;
    width: 33px;

}
.copyrightWarp{
	text-align:center !important;
}
.copyrightImage {
    float: none !important;
    display: inline-block !important;
}
.footerSection .copyrightText{
	float: none !important;
	display: inline-block !important;
}
.spTowCol1Layout,.spTowCol2Layout{
	width:100%;
	margin-left:0;
}
.tbStandardHeader{
	display:none;
}
.DefaultBlock .contentList .contentImageContainer{
	display:none;
}
.loginBorder,.user_main_page{
	width: 100%;
	padding: 0;	
}
#userUndefineLogin{
	max-width: 0;
}
.loginBorderTbl2{
	margin: 50px 0 !important;
	width: 100%;
}
.filePoster .contentImage, .filePoster .contentImageContainer img{
	max-width:100%;
	display:block;
	margin:auto;
}
.filePoster .contentImageContainer{
	text-align:center !important;
}
.section1 {
	margin-bottom:20px;
}
/*-------------------------- written by Nosrati ---------------- */
.galleryContent #gallery{
	width: 269px !important;
}
/*----------------------- End written by nosrati -------------- */
}

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

.container{
	width:750px;
	margin:auto;
}
.headerSection{
	min-height:215px;
}
.headerSection .container{
	width:100%;
	padding:0 10px;
	box-sizing: border-box;
}
.logoWarp img {
    width: 75%;
}
.headerSection .siteTitle {
    font: 11px LatoSemibold;
	margin: 57px 0 0 -30px;
}

.headerSection .slogan {
    	font-size:13px;
}
.headerSection .topQuickAccessWarp{
	margin-top:30px;
	width: 60%;
}
.headerSection .topQuickAccessWarp a{
	padding: 32px 22px 7px;
	font-size:0;
}
.headerSection .topQuickAccessWarp .searchBtn{
		padding: 32px 22px 7px;
		font-size:0;
}
.headerSection .topQuickAccessWarp ul li a{
	padding:40px 10px 15px;
}
.countryFlages img{
	width: 80% !important;
	height: auto !important;
}
div.mainMenu li a{
	padding: 15px 9px !important;
	font: 15px LatoMedium;
}
div.mainMenu li:last-child a{
	padding: 15px 14px !important;
}
.grayHeaderBlock .contentList .contentImage, .grayHeaderBlock .advService .contentImageContainer, .grayHeaderBlock .contentList .contentImageContainer img{
	display:none;
}
.grayHeaderBlock .contentAbstract, .grayHeaderBlock .contentText,.grayHeaderBlock h2{
	padding-left:0;
	margin-left:0;
}
.newsContentPoster .contentPosterTextBox{
	width:345px !important;
}
.greenCenterBorder .div-column4 {
    width: 50% !important;
}
.bottomRightBanner .listItemStyle .contentList{
	margin:auto;
	width: 100% !important;
	height: 80px !important;
	padding: 20px 0px !important;
}
.bottomRightBanner .contentTitle, .bottomRightBanner .contentTitle a{
	font: 18px/40px LatoMedium !important;
}
.footerLinksCoulmn {
    width: 50%;
    padding-right: 30px;
}
.footerSection .signiture{
	width: 35%;
}
.position7,.position5,.position6,.position1{
	width: 100%;	
    	padding-right: 0;
}

.position2,.position3,.position8,.position9{
	width:50%;	
}
.filePoster .contentImage, .filePoster .contentImageContainer img{
	max-width:100%;
	display:block;
	margin:auto;
}
.newsPoster{
	margin-top:0;
}
.position3 .greenHeaderBlock{
	margin-top:0;
}
.ecoRegion {
    padding: 10px 15px 3px;
}
/*---------------------by-sara-sarbalavand----------------*/
.greenHeaderBlock .contentList{
	padding:12px 12px !important;
	margin-top:11px;
	margin-bottom:0;
	background-color:#edf4fa;
	border:0;
	min-height:148px;
	box-sizing:border-box;
}
.advServiceFlashNews .contentImageContainer img{
	
    border: 1px;
    width: 100%;
    padding-top: 15px;
    }
/*-------------------------- written by Nosrati ---------------- */
.galleryContent #gallery{
	width:455px !important;
}
/*---------------------- End written by Nosrati -------------- */

}

@media (min-width: 990px) and (max-width: 1200px) {
.container{
	width:980px;
	margin:auto;
}
.headerSection .siteTitle{
	font-size:18px;
}
.headerSection .topQuickAccessWarp .searchBtn{
	padding: 40px 5px 7px;
}
.headerSection .topQuickAccessWarp a {
    padding: 40px 5px 7px;
}
.headerSection .topQuickAccessWarp{
	width:60%;
    	margin-top: 40px;
}
div.mainMenu li a{
	padding: 15px 18px !important;
}
div.mainMenu li:last-child a{
	padding: 15px 18px !important;
}
.greenCenterBorder div.advService.contentList img,.greenCenterBorder .contentImageContainer{
	width: 230px !important;
	max-width: 230px !important;
	height: 165px !important;
	max-height: 165px !important;
}
.greenCenterBorder h2.contentTitle a{
	font: 16px/26px LatoMedium;
}
.position4{
	padding-right: 0;
}
.bottomRightBanner .listItemStyle .contentList{
	width:240px !important;
	height: 120px !important;
	padding: 40px 25px !important;
}
.bottomRightBanner .contentTitle, .bottomRightBanner .contentTitle a{
	font: 23px/40px LatoLight !important;
}
.footerLinksCoulmn{
	padding-right: 25px;
}
.footerSection .signiture{
	width:40%;
}
.secretaryGeneralName{
    width: 74%;
}
.position9,.position1{
	width: 100%;	
    	padding-right: 0;
}
.position7,.position8{
	width:50%;	
}
.position2,.position3{
	width:50%;	
}
.filePoster .contentImage, .filePoster .contentImageContainer{
	text-align:center !important;
}
.filePoster .contentImage, .filePoster .contentImageContainer img{
	max-width:100%;
	display:block;
	margin:auto;
}
.newsPoster{
	margin-top:0;
}
.position3 .greenHeaderBlock{
	margin-top:0;
}
.ecoRegion {
    padding: 10px 15px 3px;
}
/*-------------------------- written by Nosrati ---------------- */
.galleryContent #gallery{
	width:500px !important;
}
/*---------------------- End written by Nosrati -------------- */
}

@media (min-width: 1200px){
.container{
	width:1170px;
}
.countryFlages #block5111{
	margin:0 -2%;
}
.headerSection .topQuickAccessWarp{
	    margin-right: -15px;
}


}