@media screen and (max-width:1200px){
	.wrapper,.banner-content{
		max-width:70rem;
	}
	.banner-content h4, .inner-banner h4{
		margin-top:5.5rem;
		max-width: 60%;
	}
	.insp-section{
		width:480px;
		margin-right: 0.875rem;
	}
	.insp-section,.mission-sec,.vission-sec{
		min-height:376px;
	}
	.mission-sec{
		margin-right: 0.875rem;
	}
	html[lang='ar'] .insp-section, html[lang='ar'] .mission-sec{
		margin-left: 0.875rem;
		margin-right:0;
	}
	.service-item{
		margin:0 0.4rem 1rem;
	}
	.product-list{
		width:15.5rem;
	}
	.blog-item{
		margin:0 0.5rem 5rem;
	}
}
@media screen and (max-width:1024px){
	.wrapper,.banner-content{
		max-width:61rem;
	}
	.banner-content h4, .inner-banner h4{
		font-size: 2.5rem;
		line-height: 3rem;
		margin-top: 4.5rem;
		max-width: 65%;
	}
	.solution-section h2 {
		max-width: 60%;
	}
	p.top-desc{
		max-width:80%;
	}
	.insp-section{
		width:335px;
	}
	.insp-section,.mission-sec,.vission-sec{
		min-height:388px;
	}
	.insp-cont{
		padding:0.875rem;
	}
	.insp-cont p{
		font-size: 0.75rem;
	}
	.abt-imgsection h4, .service-catsection h4{
		margin-top: 3.25rem;
	}
	.abt-imgsection.abt-imgsection1 h4 {
		margin-top: 1.5rem;
	}
	.abt-imgsection p, .service-catsection p{
		max-width:80%;
	}
	.abt-imgsection.abt-imgsection2 h4, .abt-imgsection.abt-imgsection2 p, .abt-imgsection.abt-imgsection4 h4,
	.abt-imgsection.abt-imgsection4 p, .abt-imgsection.abt-imgsection6 h4, .abt-imgsection.abt-imgsection6 p, 
	.abt-imgsection.abt-imgsection8 h4, .abt-imgsection.abt-imgsection8 p, .service-catsection.left-section h4,
	.service-catsection.left-section p{
		margin-left:1.5rem;
	}
	html[lang='ar'] .abt-imgsection.abt-imgsection2 h4, html[lang='ar'] .abt-imgsection.abt-imgsection2 p, html[lang='ar'] .abt-imgsection.abt-imgsection4 h4,
	html[lang='ar'] .abt-imgsection.abt-imgsection4 p, html[lang='ar'] .abt-imgsection.abt-imgsection6 h4, html[lang='ar'] .abt-imgsection.abt-imgsection6 p, 
	html[lang='ar'] .abt-imgsection.abt-imgsection8 h4, html[lang='ar'] .abt-imgsection.abt-imgsection8 p, html[lang='ar'] .service-catsection.left-section h4,
	html[lang='ar'] .service-catsection.left-section p{
		margin-right:1.5rem;
		margin-left:0;
	}
	.service-item{
		width: calc(33.33% - 0.8rem);
	}
	.service-catlist{
		width:100%;
	}
	.product-list{
		width:17rem;
		float:none;
		display:inline-block;
	}
	html[lang='ar'] .product-list{
		float:none;
	}
	.blog-item {
		width: 308px;
	}
}
@media screen and (max-width:991px){
	.wrapper,.banner-content{
		max-width:56.25rem;
	}
	.banner-content p{
		max-width: 60%;
	}
	.service-section h4{
		font-size: 0.875rem;
	}
	.service-section p, .package-section p, .solution-section p, p.top-desc, .product-section p{
		font-size: 0.75rem;
		line-height: 1.125rem;
	}
	.solution-section h2 {
		max-width: 80%;
	}
	.solution-section .box-field img{
		margin-bottom: 1rem;
	}
	.solution-section .box-field h4{
		font-size: 0.875rem;
		line-height: 1rem;
		margin: 0 0 1rem;
	}
	.solution-section .box-field p {
		margin: 0 0.5rem 1.275rem;
	}
	.about-list{
		text-align:center;
		margin:1.75rem 0;
	}
	.insp-section {
		width: 536px;
		margin: 0 auto 20px;
		float: none;
		display: inline-block;
	}
	html[lang='ar'] .insp-section,html[lang='ar'] .mission-sec, html[lang='ar'] .vission-sec {
		float:none;
		vertical-align:top;
	}
	.insp-section, .mission-sec, .vission-sec{
		min-height:auto;
	}
	.mission-sec, .vission-sec{
		display:inline-block;
		float:none;
	}
	.abt-imgsection p, .service-catsection p{
		max-width:90%;
	}
	.contact-left {
		width:100%;
		margin-right: 0;
	}
	html[lang='ar'] .contact-left {
		margin-left:0;
	}
	.contact-right {
		width:100%;
		margin-left: 0;
		margin-top:1.5rem;
	}
	html[lang='ar'] .contact-right {
		margin-right:0;
	}
	.map-section{
		text-align:center;
	}
}	
@media screen and (max-width:768px){
	.wrapper,.banner-content{
		max-width:45rem;
	}
	.banner-content h4, .inner-banner h4{
		font-size: 2rem;
		line-height: 2.5rem;
		margin-top: 2rem;
		max-width: 75%;
	}
	.product-wrapper{
		width: 45rem;
	}
	.productlist{
		width:220px;
	}
	.package-section p{
		max-width:70%;
	}
	.submenu-sec h5 {
		max-width: 64%;
		margin-top: 0.875rem;
		font-size: 0.7rem;
		line-height: 1rem;
	}
	.blog-item {
		width: 344px;
	}
}
@media screen and (min-width:100px) and (max-width:767px){
	.wrapper, .banner-content {
		max-width: 100%;
		padding:0 15px;
	}
	.logo img{
		width:135px;
	}
	.phone-sec span {
		font-size: 0.4rem;
		margin-top: 7px;
	}
	html[lang='ar'] .phone-sec span {
		font-size: 0.7rem;
		margin-top: 0;
	}
	.phone-sec span .phone-txt{
		font-size:0.7rem;
		line-height:1rem;
		margin-top: 0;
	}
	.top-sec, .phone-sec{
		margin:15px 0;
	}
	.homeside-menu i{
		color:#fff;
		font-size:1.25rem;
		padding-top: 12px;
		float: left;
	}
	html[lang='ar'] .homeside-menu i{
		float:right;
		padding-top:0;
		margin-top:12px;
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.navigation {
		width: 260px;
		height: 100%;
		max-height: 100%;
		position: fixed;
		top: 0;
		left: -300px;
		z-index: 9999;
		background: #172B4D;
		padding:45px 15px 30px;
	}
	.toggled .navigation {
		left: 0;
	}
	html[lang='ar'] .navigation{
		left:auto;
		right:-300px;
	}
	html[lang='ar'] .toggled .navigation {
		left: auto;
		right:0;
	}
	.navigation ul li{
		width:100%;
		padding:0;
		position:relative;
	}
	.submenu-sec{
		position:static;
		background:none;
		padding:0;
		box-shadow:none;
		display:none;
	}
	.submenu-sec{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		margin-top: 40px;
	}
	.navigation ul li.menu-hover:hover .submenu-sec.active,
	.navigation ul li.menu-hover .submenu-sec.active{
		visibility: visible;
		opacity: 1;
		max-height:100%;
		color:#fff;
		display:block;
	}
	.navigation ul li#menu-item-589.current-menu-item > a,
	.navigation ul li#menu-item-589.current_page_item > a{
	    color:#fff;
	}
	li.menu-hover > a{
	    width:100%;
	}
	html[lang='ar'] li.menu-hover > a{
	    text-align: right;
	}
	.navigation ul li .viewall-prodtext a{
	    display:none;
	}
	li.menu-hover > a::before{
        content: '';
        position: absolute;
        right:0;
        top:16px;
	    border: solid #fff;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition:all ease 0.5s;
        -ms-transition:all ease 0.5s;
        transition:all ease 0.5s;
	}
	html[lang='ar'] li.menu-hover > a::before{
	    right:auto;
	    left:0;
	}
	li.menu-hover.active > a::before{
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top:20px;
	}
	.submenu-sec h2,.submenu-sec img{
		display:none;
	}
	.submenu-sec h5{
		color:#fff;
		margin: 0;
		padding-bottom:5px;
		max-width: 100%;
		font-size: 0.65rem;
	}
	.submenu-sec .prod-list:nth-child(2) h5, .submenu-sec .prod-list:nth-child(4) h5 {
		margin-top: 0;
	}
	.banner-section{
		padding-top:106px;
	}
	.inner-banner{
		margin-top:106px;
	}
	.inner-banner img{
		min-height:100px;
	}
	.banner-section img{
		min-height:225px;
	}
	.banner-content h4, .inner-banner h4 {
		font-size: 1rem;
		line-height: 1.5rem;
		margin: 30px auto 10px;
		max-width: 80%;
	}
	.banner-content p {
		font-size: 0.75rem;
		line-height: 1.125rem;
		margin-bottom:15px;
		max-width:85%;
	}
	.banner-content a, .product-section a.view-more {
		font-size: 0.75rem;
		line-height: 1.75rem;
	}
	.service-section {
		margin-top:1.5rem !important;
		margin-bottom: 6rem;
	}
	.service-section h2, .package-section h2, .solution-section h2, .product-section h2, h2.top-title {
		font-size: 1rem;
		line-height: 1.375rem;
		margin-bottom: 1rem;
	}
	.service-section p, .package-section p, .solution-section p, p.top-desc, .product-section p{
		line-height:1.25rem;
		padding:0 10px;
	}
	.service-section p{
		padding-bottom:1rem;
	}
	.package-section img{
		width:200px;
	}
	.package-section p{
		max-width: 100%;
	}
	.package-section a {
		font-size: 0.75rem;
	}
	.product-section{
		margin:2.5rem 0;
	}
	.product-wrapper {
		margin: 1.5rem auto;
		width:100%;
	}
	.productlist{
		width:286px;
		margin: 0 6px 20px;
	}
	.solution-section{
		padding:2rem 0;
		margin:0;
	}
	.solution-section .box-field {
		margin-bottom: 1.25rem;
	}
	.solution-section p{
		max-width:100%;
		margin: 0 auto 1.5rem;
	}
	.footer ul{
		padding:0 0 0.75rem;
		text-align: center;
	}
	.footer .social-link ul li:last-child{
		margin-right:0;
	}
	.footer h2{
		font-size: 1.875rem;
		margin: 1rem 0;
	}
	.contact-link,.copyright-txt{
		text-align:center;
	}
	html[lang='ar'] .copyright-txt,html[lang='ar'] .social-link h5{
		text-align:center;
	}
	html[lang='ar'] .contact-link{
		float:none;
		margin-top:20px;
		text-align: center;
	}
	html[lang='ar'] .contact-link a,html[lang='ar'] .footer ul li{
		float:none;
	}
	html[lang='ar'] .footer ul li:last-child{
		margin-left:0;
	}
	.social-link {
		float: left;
		width: 100%;
		margin-bottom:0;
		text-align:center;
	}
	.footer .social-link ul li {
		float: none;
		display: inline-block;
	}
	html[lang='ar'] .footer .social-link ul li{
		float:none;
	}
	p.top-desc{
		max-width:100%;
		padding:0;
	}
	.about-list,.insp-section{
		width:100%;
	}
	.insp-section{
		background:#172B4D;
	}
	.insp-cont{
		position:static;
	}
	.insp-section img{
		display:none;
	}
	.mission-sec, .vission-sec{
		width:100%;
		margin-bottom:20px;
	}
	.abt-imgsection .abt-left, .abt-imgsection .abt-right, .service-catsection .service-left, .service-catsection .service-right{
		width:100%;
		text-align: center;
	}
	html[lang='ar'] .abt-imgsection .abt-left,html[lang='ar'] .abt-imgsection .abt-right,html[lang='ar'] .service-catsection .service-left,html[lang='ar'] .service-catsection .service-right,
	html[lang='ar'] .abt-imgsection.abt-imgsection h4, html[lang='ar'] .service-catsection h4, html[lang='ar'] .abt-imgsection p, html[lang='ar'] .service-catsection p{
		text-align: center;
	}
	.abt-imgsection p, .service-catsection p{
		max-width:100%;
	}
	.abt-imgsection, .service-catsection,.abt-bgsection{
		margin-bottom:2rem;
	}
	.abt-bgsection{
		padding-bottom:1rem;
	}
	.abt-imgsection.abt-imgsection2 h4, .abt-imgsection.abt-imgsection2 p, .abt-imgsection.abt-imgsection4 h4, .abt-imgsection.abt-imgsection4 p, 
	.abt-imgsection.abt-imgsection6 h4, .abt-imgsection.abt-imgsection6 p, .abt-imgsection.abt-imgsection8 h4,.abt-imgsection.abt-imgsection8 p,
	.service-catsection.left-section h4, .service-catsection.left-section p{
		margin-left:0;
	}
	html[lang='ar'] .abt-imgsection.abt-imgsection2 h4, html[lang='ar'] .abt-imgsection.abt-imgsection2 p, html[lang='ar'] .abt-imgsection.abt-imgsection4 h4, html[lang='ar'] .abt-imgsection.abt-imgsection4 p, 
	html[lang='ar'] .abt-imgsection.abt-imgsection6 h4, html[lang='ar'] .abt-imgsection.abt-imgsection6 p, html[lang='ar'] .abt-imgsection.abt-imgsection8 h4,html[lang='ar'] .abt-imgsection.abt-imgsection8 p,
	html[lang='ar'] .service-catsection.left-section h4, html[lang='ar'] .service-catsection.left-section p{
		margin-right:0;
	}
	.abt-imgsection.abt-imgsection6 img,.abt-imgsection.abt-imgsection3 img{
		margin-top:0;
	}
	.service-catsection.right-section img{
		float:none;
	}
	.service-list{
		margin:1.125rem 0 0;
		width:100%;
		text-align:center;
	}
	.service-item{
		margin:0 0 2rem;
		width:100%;
		float:none;
		display:inline-block;
	}
	.product-listcont{
		float:left;
	}
	.product-category h2{
		margin:1rem 0 2rem;
	}
	.product-list{
		margin:0px;
		width:auto;
		min-height:auto;
	}
	.blog-item {
		width: 100%;
		margin: 0 0 2rem;
	}
	.blog-item .blog-img{
		min-height:auto;
		margin-bottom: 1rem;
		text-align: center;
	}
	.blog-item .blog-img img{
		max-width:100%;
	}
	.sitemap-menu ul li{
		width:100%;
	}
	.mob-product-carousel .owl-prev,.mob-product-carousel .owl-next{
	    background:none !important;
	    position:absolute;
	    top:50%;
	    margin-top:-30px;
	    outline:none;
	}
	.mob-product-carousel .owl-prev{
	    left:-8px;
	}
	.mob-product-carousel .owl-next{
	    right:-8px;
	}
	html[lang='ar'] .mob-product-carousel .owl-prev{
	    right:-8px;
	    left:auto;
	    -webkit-transform:rotate(180deg);
	    -moz-transform:rotate(180deg);
	    -o-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	    transform:rotate(180deg);
	}
	html[lang='ar'] .mob-product-carousel .owl-next{
	    left:-8px;
	    right:auto;
	    -webkit-transform:rotate(180deg);
	    -moz-transform:rotate(180deg);
	    -o-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	    transform:rotate(180deg);
	}
	.mob-product-carousel .owl-prev i,.mob-product-carousel .owl-next i{
	    font-size:1.5rem;
	    color:#172B4D;
	}
	.certificate-item {
        width:100%;
        padding: 10px 5px 40px;
	}
	.mobile-promenu{
	    display:block;
	}
}
@media screen and (min-width:100px) and (max-width:320px){
    .mob-product-carousel .owl-prev{
	    left:-16px;
	}
	.mob-product-carousel .owl-next{
	    right:-16px;
	}
	html[lang='ar'] .mob-product-carousel .owl-prev{
	    right:-16px;
	    left:auto;
	}
	html[lang='ar'] .mob-product-carousel .owl-next{
	    left:-16px;
	    right:auto;
	}
	.g-recaptcha{
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: left;
        -moz-transform-origin: left;
        transform-origin: left;
    }
    html[lang='ar'] .g-recaptcha{
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        transform-origin: right;
    }
}
@media screen and (min-width:100px) and (max-width:360px){
	.address-field i, .phone-field i, .mail-field i{
		padding-right: 1rem;		
	}
	html[lang='ar'] .address-field i, html[lang='ar'] .phone-field i, html[lang='ar'] .mail-field i{
		padding-left: 1rem;	
		padding-right:0;
	}
	.address-field h4,.phone-field h4, .mail-field h4{
		font-size: 0.875rem;
	}
}
@media screen and (min-width:100px) and (max-width:415px){
    .inner-section .search-form .search-submit{
		margin-left:0;
		margin-top:1rem;
	}
	html[lang='ar'] .inner-section .search-form .search-submit{
		margin-right:0;
	}
	.inner-section article a{
		font-size:0.7rem;
	}
	.productlist{
		margin: 0 0 20px;
	}
}
@media screen and (min-width:376px) and (max-width:415px){
    
}
@media screen and (min-width:415px) and (max-width:480px){
	.banner-content h4, .inner-banner h4,.banner-content p{
		max-width:60%;
	}
	.service-section .col-xs-12,.footer .footer-wide{
		width:50%;
	}
	.productlist{
		margin:0 0 20px;
	}
}
@media screen and (min-width:481px) and (max-width:568px){
	.banner-content h4, .inner-banner h4{
		margin-top:30px;
	}
	.certificate-item {
        width:490px;
	}
}
@media screen and (min-width:481px) and (max-width:767px){
	.banner-content h4, .inner-banner h4,.banner-content p{
		max-width:50%;
	}
	.service-section .col-xs-12{
		min-height:216px;
	}
	.service-section .col-xs-12,.footer .footer-wide{
		width:50%;
	}
	.productlist{
		margin:0 0 20px;
	}
	.sitemap-menu ul li{
		width:50%;
	}
}
@media screen and (min-width:569px) and (max-width:767px){
	.productlist{
		width:265px;
	}
	.banner-content h4, .inner-banner h4{
		margin-top:45px;
	}
	.address-field, .phone-field, .mail-field{
		width:50%;
	}
	.mail-field{
		clear:both;
	}
	.address-field i, .phone-field i, .mail-field i{
		padding-right: 1.25rem;		
	}
	html[lang='ar'] .address-field i, html[lang='ar'] .phone-field i, html[lang='ar'] .mail-field i{
		padding-left: 1.25rem;	
		padding-right:0;
	}
	.certificate-item {
        width:490px;
	}
}
@media screen and (min-width:100px) and (max-width:812px){
	html[lang='en-US'] .navigation ul li {
        padding: 0 8px;
	}
}
@media screen and (min-width:769px) and (max-width:812px){
	.wrapper, .banner-content {
		max-width: 48.75rem;
	}
	.banner-content h4, .inner-banner h4{
		font-size: 2.125rem;
		line-height: 2.5rem;
		margin-top: 2.5rem;
	}
	.package-section p{
		max-width:60%;
	}
	.product-wrapper{
		width: 48.75rem;
	}
	.productlist{
		width:265px;
	}
	.productlist h5 {
		margin: 0 0.6rem 1.875rem;
	}
	.submenu-sec h5 {
		max-width: 64%;
		margin-top: 0.875rem;
		font-size: 0.7rem;
		line-height: 1rem;
	}
	.product-listcont{
		float:left;
	}
	.address-field, .phone-field, .mail-field{
		width:50%;
	}
	.mail-field{
		clear:both;
	}
	.address-field i, .phone-field i, .mail-field i{
		padding-right: 1.25rem;		
	}
	html[lang='ar'] .address-field i, html[lang='ar'] .phone-field i, html[lang='ar'] .mail-field i{
		padding-left: 1.25rem;	
		padding-right:0;
	}
	.blog-item {
		width: 354px;
		margin-right:1rem;
		margin-left:1rem;
	}
	.product-list{
		width:auto;
		margin:0;
		min-height:auto;
	}
	.mob-product-carousel .owl-prev,.mob-product-carousel .owl-next{
	    background:none !important;
	    position:absolute;
	    top:50%;
	    margin-top:-30px;
	    outline:none;
	}
	.mob-product-carousel .owl-prev{
	    left:-8px;
	}
	.mob-product-carousel .owl-next{
	    right:-8px;
	}
	html[lang='ar'] .mob-product-carousel .owl-prev{
	    right:-8px;
	    left:auto;
	    -webkit-transform:rotate(180deg);
	    -moz-transform:rotate(180deg);
	    -o-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	    transform:rotate(180deg);
	}
	html[lang='ar'] .mob-product-carousel .owl-next{
	    left:-8px;
	    right:auto;
	    -webkit-transform:rotate(180deg);
	    -moz-transform:rotate(180deg);
	    -o-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	    transform:rotate(180deg);
	}
	.mob-product-carousel .owl-prev i,.mob-product-carousel .owl-next i{
	    font-size:1.5rem;
	    color:#172B4D;
	}
}
@media screen and (min-width:1400px) and (max-width:1920px){
	.package-section{
		background-size:100%;
	}
	.inner-banner img{
		width:100%;
	}
}