@media (min-width: 1100px){

	.top-menu .nav-container nav .main-logo{
		position: absolute;
		left: 10px;
		top: 0px;
	}

	.uk-navbar-right .nav-form{
		width: 350px;
		padding-right: 10px;
	}

}


@media (max-width: 1100px){

	.top-menu .nav-container nav .main-logo{
		margin: auto;
	}

	.top-menu .uk-navbar{
		display: block !important;
	}

	.nav-form, .top-menu .nav-container nav .uk-navbar-left .uk-navbar-nav{
		margin: 0 auto;
	}

	.nav-container{
		padding-bottom: 20px;
	}

	.header-pads{
		padding: 40px;
	}

}


@media (min-width: 1200px){

	.header-pads{
		padding-top: 20px;
	}

	.container{
		width: 1100px;
		margin: 0 auto;
	}

	.header-form{
		margin: 30px 0px !important;
	}

	.head-content h1{
	 margin-top: 110px;
	}



}

@media (max-width: 1200px){

	.header-pads{
		padding-top: 20px;
	}

	.cpadding{
		padding: 70px 0px;
	}

}







@media (min-width: 960px){

	.cpadding{
		padding: 70px 0px;
	}

}

@media (max-width: 960px){

	.cpadding{
		padding:30px;
	}

	.top-login{
		margin: 0 auto;
	}

}


@media (min-width: 768px){

	.item-img{
		width: 35%;
	}

	.mobileBTN{
		display: none;
	}

	.item-cont{
		min-height: 380px;
	}

	.inner-pages{
		min-height: 81vh;
	}

	.mob-app{
		display: none;
	}

	.slide-cnt{
		padding: 30px 30px 0px 30px;
		height: 600px;
	}

	.header-bottom{
		margin-top: -90px;
	}

	.cmsoon{
		width: 60%;
	}

}


@media (max-width: 768px){

	.desktop-table{
		display: none;
	}

	.app-titles{
		position: absolute;
		display: block;
		top: -40px;
		width: 100%;
  text-align: center;
		font-family: 'filsonsoftw03-blackregular' !important;
		font-size: 22px;
	}

	.head-content h1, .head-content .uk-width-2-3 p, .socials, .copyrights, .socials{
		text-align: center;
	}

	.home-contents h1{
		width: 100%;
	}

	.uk-width-2-3, .uk-width-1-3, .uk-width-1-2, .uk-width-1-4{
		display: block;
		width: 100% !important;
		padding: 20px 0px;
	}

	.my-icons{
		margin: 0 auto;
	}

	.thefooters .uk-navbar-nav > li > a{
		font-size: 8px !important;
		padding: 0 8px;
	}

	.socials a{
		font-size: 40px;
	}


	footer{
		padding: 10px;
	}

	.top-login{
		float: right;
		margin-right: 20px;
	}

	.mobileBTN{
		float: left;
		margin-left: 20px;
	}

	.top-menu .uk-navbar-left .uk-navbar-nav{
		display: none;
	}

	.inum{
		font-size: 50px;
	}

	/*
	.item h4{
		width: 120px;
    height: 120px;
	}
	*/

	.item-cont{
		padding: 20px;
	}

	.our-language{
		margin: 0 auto;
		margin-top: 10px;
	}

	.slide-cnt{
		padding: 30px;
		height: 400px;
		text-align: center;
	}

	.homepage .bx-wrapper .bx-pager {
    bottom: 30px;
	}

}


@media (min-width: 420px){

	.ar-1st-slide{
		background-image: url('images/header-mainBG_5.jpg');
	}

	.ar-2nd-slide{
		background-image: url('images/header-mainBG_6.jpg');
	}

	.arabic-link-btn{
		padding: 18px;
		font-size: 24px;
	}

}



@media (max-width: 420px){



	.ar-1st-slide{
		background-image: url('images/header-arabic1.jpg');
	}

	.ar-2nd-slide{
		background-image: url('images/header-arabic2.jpg');
	}

	.nav-container{
		padding: 0 15px;
		padding-bottom: 15px;
	}

	.header-link-btn{
		padding: 10px;
		font-size: 12px;
	}

	.slide-cnt{
		padding: 30px;
		height: 300px;
		text-align: center;
	}

	.head-content h1{
		font-size: 30px;
	}

	.head-content p{
		font-size: 22px;
		margin-bottom: 20px;
	}

	.head-content .uk-width-2-3 p, .home-contents h3{
		font-size: 24px;
	}

	.top-menu .nav-container .uk-navbar-nav > li > a{
		font-size: 10px;
		padding: 0 10px;
	}

	.main-logo{
		width: auto;
	}

	.item-img{
		width: 40%;
	}

	.item h4{
		width: 100px;
    height: 100px;
	}

	.inum{
		padding-top: 20px;
	}

	.footerbtns a{
		font-size: 10px;
	}

	.footerbtns .diamond{
		font-size: 18px;
	}

	.langbtn{
		font-size: 12px;
	}

	.first-section .my-icons img{
		width: 70px;
	}

	.cnt-txt3{
		font-size: 18px;
	}

	.bx-wrapper .bx-prev{
		background: url('images/arrows-mobile.png') no-repeat top left !important;
	}

	.bx-wrapper .bx-next{
		background: url('images/arrows-mobile.png') no-repeat top right !important;
	}

	.bx-wrapper .bx-controls-direction a{
		width: 40px !important;
    height: 40px !important;
		top: 50% !important;
	}

}