@media all and (min-width: 100px) and (max-width: 1020px){
	body,html{overflow-x:hidden;}
	.safeArea{padding:0 20px;}
	.logoHolder{width:180px;}
	.topHeader .smHolder{display:none;}
	body.loaded .mainMenu .smHolder{display:block; float: none; text-align: center;}
	
	select,input, textarea{background-color:transparent; -webkit-appearance:none; border-radius:0;}
	.headContactInfo{float:right;}
	body.active{overflow-y:hidden;}
	.header {position:relative;}
	.header .mainMenu {float: none;height: 100vh;display: block;position: absolute;left: -2000px;width: 100%; background-color: #fff;
    padding: 60px 20px;top: 0;bottom: 0;z-index: 99; transition: all 1s cubic-bezier(.77,0,.175,1);}
	.mainMenu ul li {display: block; margin-right: 0; text-align: center;}
	.mainMenu ul li a{font-size:20px; padding:20px 0;}
	 
	 body.active a.joinUs, body.active a.donateUs{z-index:9;}
	
	
	body.active .header .mainMenu{left:0;}
	.repsMenuBtn{display:flex; float:left; width:30px; height:55px; align-items:center;position: relative; z-index: 999;}
	#nav-icon3 { width: 30px; height: 19px; position: relative; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#nav-icon3 span { display: block; position: absolute; height: 2px; width: 100%; background: #c21011; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 8px; width:100%;}
#nav-icon3 span:nth-child(4) {top: 16px;width:100%;}
body.active a.repsMenuBtn #nav-icon3 span:nth-child(1) {top: 18px; width: 0%;left: 50%;}
body.active a.repsMenuBtn #nav-icon3 span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
body.active a.repsMenuBtn #nav-icon3 span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}
body.active a.repsMenuBtn #nav-icon3 span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
	
a.joinUs, a.donateUs{font-size:14px; padding:45px 5px 5px; width:60px;}
a.joinUs:before, a.donateUs:before{width: 36px; height: 39px;}
a.joinUs{top:20%;}
a.donateUs{top:33%;}
.sliderImg {height: 300px;}
.sliderText, .sliderImg {float: none; width: 100%;}	
.sliderText {display: block;align-items: center;height: auto;justify-content: inherit;}
.slidertextInner{padding:60px 20px 20px !important;}

.bannertitle{font-size:20px; line-height:30px; margin-bottom:30px;}
.bannerSubtitle{font-size:28px;}
.bannerButton a, .readMoreBtn a{display:block; text-align:center; padding:15px; font-size:16px;}
.mainSlider .flex-control-nav {bottom: auto;top: 320px;width: auto; left: 20px;}
.hpBlock, .aboutTabsHolder, .timelineHolder, .contBlockHolder, .contactFormHolder, .mediaCenterBody {padding: 30px 0; display:block;}
.hpBlock h2, .subPageBanner h2{font-size:32px; margin-bottom:30px;}
.hpBlock h2 span, .subPageBanner.blackBlock h2 span{padding-right:70px; background-size: 65px auto;}
.newsList .bigNews {width: 100%;float: none;margin-left: 0; margin-bottom: 30px;}
.newsList .smallNewsList {width: 100%; float: none;}
.slick-slide{min-height:400px;}
.newsDesc .newsDate{font-size:16px;}
.newsDesc .newsTitle a{font-size:14px;}
.slick-prev, .slick-next, .slick-next:before, .slick-prev:before{width:18px; height:18px;}
.slick-prev {left: 50px;}
.blackBlock .newsDesc{padding:20px 30px;}
.slick-current .newsDesc .newsTitle a {font-size: 14px;}
.missionBlock, .visionBlock { float: none; width: 100%; padding-right: 0; margin-top:30px;}
.bgBlock h3, h3, .blackForm h3{font-size:26px;}
.bodyText, .textList li{font-size:16px;}
.contactInfoBlock, .sendMessageblock {float: none;width: 100%; margin-left: 0;}
.contactInfoBlock{margin-bottom:30px;}
.contactTitle, .contactDet, .contactDet a{font-size:20px;}
.contactTitle span{width:35px;}
.contactInfoBlock .contactList li{margin-bottom:50px;}
.contactDet.smLinks ul li{width:27px; height:27px;}
.sendMessageblock h4, h4, .topFooter h4{font-size:24px;}
.sendMessageblock h4:before, .topFooter h4:before{top:3px;width:27px; height:27px;}
.sendMessageblock h4{margin-bottom:20px;}
input[type="text"], textarea, input[type="submit"]{font-size:16px;}
.topFooter h4, .sendMessageblock h4{padding-right:45px;}
.inlineForm input[type="text"]{padding:10px 0;}
.inlineForm .formRow{width:50%;}
.leftFooter {float: none;text-align: right; width: 100%; margin-left: 0; margin-bottom: 30px;}
.rightFooter, ul.sitemapCol  {float: none; width: 100%;}
ul.sitemapCol li a, .rightFooter .smHolder span.labelHolder, .emailHolder a, .whatsappHolder a, .newsTabs ul li a{font-size:20px;}
.mainFooter{height:auto; padding: 30px 0;}
.copyRightHolder {margin: 30px 0 0;}
.newsTabs ul li {display: inline-block; margin-left: 0; position: relative; margin-bottom: 20px; width: 55%;}
.newsTabs ul li a{background-size:40px auto;}
.newsTabs ul li.twitterTab a {background-size: 40px 100%;}
.newsTabs { margin-bottom: 30px;}
.breadcrumbsHolder {display:none;}
.subBannerInfo {display: block; margin-left: 0; margin-bottom: 0; margin-top: 20px;}
.bannerImg { float: none; margin-left: 0; width: 100%; }
.bannerInfo {float: none; width: 100%; color: #fff; font-size: 24px;  line-height: 35px; position: relative; padding: 20px;}
.bannerInfo:after{left: 15px; bottom: -20px; width: 50px; height: 40px; }
.tabsLinks{margin-bottom:10px;}
.visionHolder {padding: 20px 0;}
.sectionTitle{font-size:35px;}
.sectionDesc{font-size:22px; line-height:30px;}
.rightHolder, .leftHolder {float: none; width: 100%;}
.rightHolder {margin-left: 0; margin-bottom: 30px;}
.subBgBlock {padding: 40px 0 150px 0;}
.largeDesc {font-size: 28px;line-height: 35px;}
.fullImg {margin-bottom: 40px;}
.highlightItem {float: none; width: 100%; margin-left: 0; padding: 0 50px; text-align: center; margin-bottom: 50px;}
.listItems {float: none; width: 100%;}
.smalItem{padding:0 15px;}
.smallTitle{font-size: 16px; line-height: 21px;}
.smalItem .elIcon img{height:60px;}
.imgTextHolder {margin-bottom: 20px;}
.timelineLinks a{margin-left: 50px; font-size: 35px;}
.timelineLinks{margin-bottom:30px;}
.teamList ul li, .timelineList ul li {float: none; width: 100%; margin-left: 0; margin-bottom: 20px;}
.timeLineInfo{padding:20px;}
.timeLineDate, .teamPosition{font-size:18px;}
.timeLineTitle a, .teamTitle{font-size:22px;}
.subBgBlock.lessMargBot {padding-bottom: 40px;}
.tabsLinks a{font-size:18px; margin-left:40px;}
.contBlockHolder .contactList li {float: none; width: 100%; text-align: center; margin-bottom: 50px;}
.contBlockHolder .contactList li:last-child{margin-bottom:0;}
.contBlockHolder .contactTitle span{width:55px;}
.leftForm, .rightForm {float: none; width: 100%; margin-left: 0;}
.blackForm .formHolder .inputEntity, .videosListHolder li {float: none; width: 100%; margin-left: 0; margin-bottom: 25px;}
.formRow{margin-bottom:0;}
.blackForm .formHolder .formRow label{font-size:18px;}
.blackForm .formHolder .inputEntity.halfHolder { width: 73%; margin-left: 2% !important; float: right;}
.blackForm .formHolder .inputEntity.quarterHolder {width: 25%; margin-left: 0; float: right;}
.blackForm h3{margin-bottom:20px;}
.contBlockHolder input[type="submit"]{display:block; width:100%; text-align:center;}
.contBlockHolder .inlineForm .formActions{display:block;}
.mediaTitle, .mediaListHolder .videoTitle a, .albumTitle{font-size:22px;}
.mediaSlider .flex-direction-nav a.flex-next:before, .mediaSlider .flex-direction-nav a.flex-prev:before, .mediaSlider .flex-direction-nav a{width:21px; height:18px;}
#popAlbumHolder{padding:30px;}
.mediaDetSlider .safeArea { padding: 0;}
.mediaDetSlider .gallery-top .swiper-slide {height: 350px;}
.sharePost{padding:10px;}
.fancybox-close-small{left:0; top:10px;}
.articleDetails {padding: 30px 0;}
.shareArticle span{font-size:18px;}
.mediaDetSlider .gallery-thumbs .swiper-slide {height: 80px;background-position: center center;}
.mediaDetSlider .swiperPad, .mediaDetSlider .gallery-thumbs{width:100%;}
.mediaDetSlider .swiper-button-next, .mediaDetSlider .swiper-button-prev{height:80px;}
.twitterList ul li { width: 49%; margin-left: 2%; margin-bottom: 30px; height: auto !important;}
.twitterList ul li:nth-child(3n) {margin-left: 2%;}
.twitterList ul li:nth-child(2n) {margin-left: 0;}
	
	
}

@media all and (min-width: 300px) and (max-width: 750px){
	.twitterList ul li {float: none; width: 100%; margin-left: 0; margin-bottom: 30px; height: auto !important;}
	.twitterList ul li:nth-child(3n) {margin-left: 0;}
	.thawraHilightes {min-height: auto; margin-bottom: 130px;}
	.slick-slide {min-height: auto !important;}
	.showDesktop{display:none;}
	.showMobile{display:block;}
	.sectionSubTitle{font-size:22px;}
	.tab-pane{padding:20px; height:0; display:none;}
	li.listItem.active .teamItem {margin-bottom: 40px;}
	li.listItem.active .tab-pane {opacity: 1; display: block; height: auto;}
	.tab-pane:before {width: 60px; height: 32px; right: 50% !important; transform: translateX(50%);}
	.whatsappBtn a{font-size:13px; padding:15px 45px 15px 15px;}
	.strategyCol {float:none; width:100%; margin-bottom:30px;}
	.strategyCol:nth-child(3n){margin-bottom:0;}
	.redTitle {font-size:20px; padding:15px;}
	ul.sitemapCol li {display: block;margin-bottom: 10px;margin-left: 0;}
	.rightFooter .smHolder{margin-bottom:15px;}
	.emailHolder { margin-bottom: 20px;}
	.whatsappBtn {left:-147px;}



}