@media screen and (min-width:1351px) and (max-width:1500px) {
	 
}
@media screen and (min-width:1440px) and (max-width:1599px) {
	 
}
@media screen and (min-width:1366px) and (max-width:1439px) {
	 
}
@media screen and (min-width:1280px) and (max-width:1365px) {
	 
}
@media screen and (min-width:1024px) and (max-width:1279px) {
	 
}
@media screen and (min-width:781px) and (max-width:1023px) {
	.wsmenu-list > li > a {padding:12px 1px 12px 1px;font-size:12px;}
	.wsmenu-list > li.almas-logo .dummy-sprt, .wsmenu-list > li.almas-logo a.almas{width:150px;}
	.wsmenu-list,.wsmenu-list > li{float:left}
	.wsmenu-list > li a.lettering span{line-height:30px;}
	.wsmain{width:auto!important}
	.wsmenu-list > li > a {padding: 9px 1px 8px 1px;}
	.career-form .form-lbl{width:100%;float:none;text-align:left;padding-bottom:5px}
	.career-form .form-input{margin-left:0px;}
}
@media screen and (min-width:300px) and (max-width:1279px) {
	.container {max-width: 100%;}
	.swiper-button-prev{left:10px;}
	.swiper-button-next{right:10px;}
}
@media screen and (min-width:300px) and (max-width:780px) {
	#jprePercentage{top:60%}
	.sabhan{width:45%;margin-top:-45px;}
	.right-header{width:77%;padding-right:50px;text-align:right;margin:0px}
	.search-sub{right:0px;}
	.search-sub button{width:40px}
	.search-div{padding:3px}
	.search-input .form-control{padding:.2rem .5rem;}
	.navigation{margin-top:0px}
	.animated-arrow{padding:10px 0px 0px 0px;margin:0;z-index:999;height:25px;right:13px;left:auto;width:35px;top:40px;}
	.wsmenucontainer{background:none;float:left}
	.wsmain{float:left;display:flex;width:100%;left:-110%;align-content:center;align-items:center;}
	.wsmenu > .wsmenu-list > li{margin-bottom:2px }
	.wsmenu > .wsmenu-list > li > a{float:none;display:inline-block;text-align:center;width:auto;padding:5px 30px 5px 30px;border-radius:0px;}
	.wsmenu{height:auto;transform:scale(0.3);opacity:0;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
	.wsmenu > .wsmenu-list > li:last-child > a{border-bottom:0px solid #fff}
	.wsmenu-submenu li a{width:auto;}
	.wsmenu-submenu li a:hover{background:none}
	.wsmenu-list li > .wsmenu-submenu{width:100%}
	.wsmenu-submenu li{padding:0px;text-align:center}
	.wsmenu-click{/*border:1px solid rgba(255,255,255,0.1);background:url("../images/dwon-arrow-wwhite.png") center center no-repeat;background-size:auto 6px*/ }
	.overlapblackbg::after{transition:all 0.4s ease-in-out 0s;content:"";position:absolute;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;background: rgba(1,4,13,0.98);}
	.wsoffcanvasopener .wsmenu{transform:scale(1);opacity:1;text-align:center;}	
	.wsoffcanvasopener .wsmain{left:0%;}
	.ani-mall{width:95px;position:absolute;top:5px;left:10px}
	header{padding:20px 0 20px 0}
	.daeratoshabab{width:35%;margin-top: -1rem;}
	.product-pagination .swiper-pagination-bullet{width:30px;height:30px;padding:7px 0 0 0;font-size:15px;margin:0 2px;}
	.slideshow-contents{transform: scale(0.5);top:15%;right:-65px}
	.hotline{margin-right:0px;}
	.search-main{margin-top:15px}
	.search-link{width:35px;height:35px;padding:7px;text-align:center;position:relative;z-index:1}
	.search-link img{position:absolute;z-index:1;width:50%;top:50%;left:50%;transform:translate(-50%,-50%);height:auto}
	.inner-banner{margin-top:30px;}
	
	.company-profile{margin:0px}
	.company-profile-title {padding-top:15px;}
	.company-profile{padding:10px;}
	.company-profile::after{border:5px solid rgba(0,0,0,0.2);left:-7px;top:-7px;right:-7px;bottom:-7px;}
	.button {font: 400 14px/22px 'Roboto', sans-serif;}
	.company-profile .button{margin-top:5px }
}
@media screen and (min-width:576px) and (max-width:780px) {
	.company-profile{margin:-100px 0 0 -100px }
	.h1, h1{font-size:2.1rem;}
	.mission-vision-sub p{font-size:16px;}
	.mission-vision{padding:15px;}
	.h2, h2{font-size:1.6rem;}
	.page-img{width:300px;margin:10px 0px 10px 15px;}
	.contact-card,.career-main .jobs-div{padding:15px}
	.h3, h3{font-size:1.3rem;}
	.location-map iframe{height:300px;}
	.ms-banner::after, .ms-banner::before{width:60px;height:60px}
	.career-form .form-lbl{width:100%;float:none;text-align:left;padding-bottom:5px}
	.career-form .form-input{margin-left:0px;}
}
@media screen and (min-width:768px) and (max-width:780px) {
	.rightcol.col-md-9{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width:100%;}
}
@media screen and (min-width:768px) and (max-width:991px) {
	.product-holder-img,.project-detail-left{width:48%;}
	.product-detail {margin: 0 0 0 50%;padding: 0 0 0 15px;}
}
@media screen and (min-width:641px) and (max-width:767px) {
	.product-holder-img,.project-detail-left{width:40%;}
	.product-detail {margin: 0 0 0 42%;padding: 0 0 0 15px;}
}
@media screen and (min-width:300px) and (max-width:640px) {
	.logos-ul{width:100%}
	.product-holder-img,.project-detail-left{float:none;width:100%;margin:0 0 15px 0}
	.product-detail{margin:0px;padding:0px;}
}
@media screen and (min-width:300px) and (max-width:575px) {
	.vision-mission-div .col-lg-6:nth-child(odd) {
    padding-right:15px;}
	.vision-mission-div .col-lg-6:nth-child(even) {
    padding-left:15px;}
	.vision-mission-text .vision-mission-sub {
    padding: 15px 35px;}
	.h2, h2 {font-size:1.5rem;}
	.our-mission{padding-top:15px}
	.news-img{width:100%;float:none}	
	.news-dtl {margin-left:0px;padding:10px;}
	.news-dtl h3{font-size:20px;}
	.foot-right,.foot-left{width:100%}
	.foot-right{margin-bottom:20px}
	.hotline{margin-top:-4px}
	.search-sub button {width:55px;font-size:13px;}
	.search-input .form-control{padding:.3rem .5rem;font-size:13px;}
	.logos-ul li img{height:80px}
	h1{font-size:23px}
	.empty-element{display:none}
	.company-profile{margin:0px }
	.page-banner{width:100%;margin-left:0%}
	.ms-banner::after, .ms-banner::before{width:40px;height:40px}
	.mission-vision-row .col-lg-6:first-child .mission-vision::after, .mission-vision-row .col-lg-6:last-child .mission-vision::after{display:none}
	.mission-vision-row .col-lg-6:nth-child(2){padding-bottom:20px}
	.mission-vision{padding:20px}
	.social-media{margin-top:0px;}
	.map{margin-bottom:10px}
	.innerpages{padding:25px 0}
	.page-img{width:auto;margin:15px 0}
	.product-services-main .col-lg-4 {padding-top:0px;}
	.award-th img{width:100%;}
	.award-main .col-lg-3,.award-main .col-lg-3:nth-child(even){padding:0px 15px 15px 15px;}
	.contact-card{padding:15px;margin-bottom:15px;height:auto}
	.h3, h3 {font-size:20px;}
	.contact-info li{padding:10px 0 10px 0;}
	.location-box {padding-top:0px;}
	.location-map iframe{height:250px;}
	.copyrights {text-align:center;font-size:13px;}
	.sultan{display:none}
	.popup-hidden{width:100%!important;padding:20px}
	.job-main{width:100%}
}
	
@media screen and (orientation: portrait) and (min-width:300px) and (max-width:780px){
	.slideshow-img img{width:300%;height:100%;margin-left:-65%;}
} 
@media screen and (orientation: landscape) and (min-width:480px) and (max-width:780px){
	
}
@media screen and (min-width:480px) and (max-width:575px) {
	.career-form .form-lbl{width:150px;}
	.career-form .form-input{margin-left:150px;}
}
@media screen and (min-width:300px) and (max-width:479px) {
	.news-dtl h3{height:60px}
	.career-form .form-lbl{width:100%;float:none;text-align:left;padding-bottom:5px}
	.career-form .form-input{margin-left:0px;}
	.career-btn .form-lbl{display:none}
}

@media screen and (min-width:412px) and (max-width:480px) {
	 /*.search-div{width:205px}*/
}
@media screen and (min-width:375px) and (max-width:411px) {
	/*.search-div{width:180px} */
}
@media screen and (min-width:360px) and (max-width:375px) {
	/*.search-div{width:165px}*/
}
@media screen and (min-width:300px) and (max-width:359px) {
	 
}

 
 /*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	.replace-2x 	{font-size:1px} 
}


/*iPad*/
/* Orientation : Portrait */  
@media only screen   
and (orientation : portrait)   
and (-webkit-min-device-pixel-ratio: 1)   
and (min-width : 768px)   
and (max-width : 1007px)  
{
	
.top-area .list-inline-item a					{font-size: 1rem;}
.top-area .list-inline-item:not(:last-child)	{margin-right: .75rem;}
	
.top-area .top-area-a	{margin-bottom: .5rem; margin-top: .5rem; text-align: center;}
.nav-link				{padding-top: .5rem; padding-bottom: .5rem;}
	
.navbar				{padding: 0.5rem 1rem;}
.bg-light			{background-color: #f2f2f2 !important;}	

	

.camera_caption {bottom: 30% !important; left: 5%;}

.camera_caption .line-a	{font-size: 1rem; color: #073e80;}
.camera_caption .line-b	{font-size: 1rem; color: #073e80;}	
	
}

/* Generally, this dimension is recommended for mobile: - For 640 Resolution */  
@media only screen   
and (min-width : 360px)   
and (max-width : 640px)  
{
.top-area .list-inline-item a					{font-size: 1rem;}
.top-area .list-inline-item:not(:last-child)	{margin-right: .75rem;}
	
.top-area .top-area-a	{margin-bottom: .5rem; margin-top: .5rem; text-align: center;}
.nav-link				{padding-top: .5rem; padding-bottom: .5rem;}
	
.navbar				{padding: 0.5rem 1rem;}
.bg-light			{background-color: #f2f2f2 !important;}	

	

.camera_caption {bottom: 30% !important; left: 5%;}

.camera_caption .line-a	{font-size: 1rem;}
.camera_caption .line-b	{font-size: 1rem;}
	
}


/* Mobile - For 480 Resolution */  
@media only screen   
and (min-width : 320px)   
and (max-width : 480px)
{
	
.top-area .list-inline-item a					{font-size: 1rem;}
.top-area .list-inline-item:not(:last-child)	{margin-right: .75rem;}
	
.top-area .top-area-a	{margin-bottom: .5rem; margin-top: .5rem; text-align: center;}
.nav-link				{padding-top: .5rem; padding-bottom: .5rem;}
	
.navbar				{padding: 0.5rem 1rem;}
.bg-light			{background-color: #f2f2f2 !important;}	

	

.camera_caption {bottom: 30% !important; left: 5%;}

.camera_caption .line-a	{font-size: 1rem;}
.camera_caption .line-b	{font-size: 1rem;}
	
}

@media only screen and (max-width:1366px){
.three-blocks-area .blocks-inside h2{font-size:16px;font-weight:600;}}

@media only screen and (max-width:768px){
.animated-arrow{top:15px;}
.sabhan{width:25%;margin-top:-65px;}
a.link-desktop{display:none;}
a.mobile-link {display:inline-block;margin-top: -10px;display: none;}
.banner-main-desktop{margin-top:3.8rem;}
.three-blocks-area .blocks-inside{padding: 2.5rem;}
p{font-size:15px!important;}
.padding-left-right{padding-left: 0%;padding-right: 0%;}
.wsmenu > .wsmenu-list > li > a{color:#fff;}
.inner-banner {padding-top: 2rem;}
.daeratoshabab{margin-top: -0.5rem;}
.daeratoshabab{margin-top: -0.5rem;}}


@media only screen and (max-width:475px){
.animated-arrow{margin-top:-5px;}
.sabhan         {width: 40%;margin-top: -67px;margin-left:-1.0rem;}
.list-inline-last-mobile {margin-right:0rem;margin-top:0.5rem;}
.top-area-a .list-inline-item a{font-size:13px;}
.top-area-a .list-inline-item:not(:last-child){font-size:13px;}
.camera_caption{top:70%!important;}
.camera_prev, .camera_next, .camera_commands{display:none;}
.camera_caption {background-color: #3231316b;padding-top: 10px;padding-bottom: 45px;padding-left: 15px;padding-right: 15px;}
.camera_caption .line-a{color:#fff;}
.about-us-section{padding-top:1rem;padding-bottom:1rem;}
.about-logo-img{opacity: 0.3;width:100%;margin-top:-30rem;}
footer h4{padding-top:2rem;}
.inner-banner{padding-top:1.0rem;}
.ms-banner   {top:60%;}
#jprePercentage{display:none;}
.company-profile-main p{line-height: 22px;}
header {padding: 20px 0 3px 0;}
.daeratoshabab{margin-top: -1.4rem!important;width:80%!important;}
.banner-main-desktop{padding-top: 0.5rem!important;}
.news-supre-area h1{font-size: 25px;margin-bottom: 20px;}
.divide-row{margin-bottom: 2rem;}
.form-panel{display: flex;}
.form-panel a{text-align: left;}
.about-us-section a{margin-top: 0rem;}
.media-body h4{font-size:14px;}
.readmore a{text-align: left!important;font-size: 13px;}
.banner-main-desktop {margin-top: 2.2rem;}}

@media only screen and (max-width:375px){
.list-inline-last-mobile                      {margin-right:0rem;}
.top-area-a .list-inline-item:not(:last-child){margin-right:0rem;}
.sabhan{margin-top:-55px;width:35%;}
a.mobile-link{margin-top: -25px;}
.inner-banner{padding-top:5.0rem;}
.daeratoshabab {margin-top: -1rem!important; width: 75%!important;}}

@media only screen and (max-width:360px){
footer p               {font-size:16px;}}

@media only screen and (max-width:320px){
.sabhan {width:40%;margin-top:-35px;}
footer p{font-size:14px;}}

@media only screen and (max-width:1700px){
.daeratoshabab{margin-top:-0rem;}}

@media (min-width: 2500px) and (max-width: 2560px){
.daeratoshabab{width:28%;}}

@media (min-width: 2008px) and (max-width: 2100px){
.daeratoshabab{width:35%;}}

@media only screen and (max-width:1440px){
.daeratoshabab{width:44%;}}

@media only screen and (max-width:1024px){
.daeratoshabab{margin-top:0.5rem;}}