/*------------------------------------------
  Responsive Grid Media Queries
--------------------------------------------*/
@media (min-width: 1200px){
.container-fluid {
    max-width: 1920px; 
}

/*.navik-menu {
    width: 100%!important;
    background: #fff;
    text-align: left;
    top: 85px;
    position: relative;
}*/

}


@media (max-width: 1200px) {
   
	.navik-header {
    position: absolute;
    font-size: 16px;
    line-height: 1.42857143;
   /* background-color: white;*/
    z-index: 99999;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    width: 100%!important;
    float: left!important; height:84px; 
}
	.navik-menu {
    width: 100%!important;
    background: #fff;
    text-align: right;
    top: 85px;
    position: relative; direction: rtl
}
	
	.contact-bottom {
    position: fixed!important;
    right: 65px!important;
    bottom: 0;
    width: 9%;
    z-index: 1030;
}
	header.top-pos {
    position: absolute;
    top: 0;
    height: 85px;
    background: #fff;
    left: 0;
    width: 100%;
    z-index: 1000000;
}
	
	.ih-item.circle .img {
    position: relative;
    width: 230px;
    height: 180px;
    /* -webkit-border-radius: 50%; */
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* border-radius: 50%; */
    border-radius: 0 0 6px 6px;
}
	
	.section-title16 h2 {
    color: #151515!important;
    font-size: 47px!important;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 15px;
    
}
	
	
	#myInput {
/*  background-image: url(../images/search_icon.svg) no-repeat;*/
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 40px 12px 20px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
background: url(../images/search_icon.svg)  no-repeat;  display: block;background-position: right 10px center;
}
	.search {
    position: absolute;
    display: inline-block;
    border-left: 1px solid #e0e0e0;
    right: 20px;
    cursor: pointer;
    height: 60px;
    /* background: #ccc; */
    z-index: 100000000; display: none
}
	
	
	.hisrory-video {
    position: relative;
    background-color: black;
    height: 50vh;
    /* min-height: 25rem; */
    width: 100%;
    overflow: hidden;
}
.hisrory-video video {
    position: absolute;
    top: 33%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
		}



/* ---- Start of max-width 992px CSS ---- */

@media (max-width: 992px) {
    body.cbp-spmenu-push-toleft:before {
        content: '';
        display: block;
        width: 100%;
        height: 100vh;
        position: fixed;
        background: rgba(64, 94, 116, 0.7);
        z-index: 100;
		animation: overlay .5s ease;
    }
    #slide1 {
    background: url(../images/history-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
#slide2 {
    background: url(../images/04.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
#slide20 {
    background: url(../images/20.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
#slide3 {
    background: url(../images/05.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
#slide4 {
    background: url(../images/06.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
#slide5 {
    background: url(../images/07.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
#slide6 {
    background: url(../images/08.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
#slide19 {
    background: url(../images/19.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
#slide7 {
    background: url(../images/09.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
    #slide18 {
    background: url(../images/16.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 420px!important;
}
#slide14 {
    background: url(../images/12.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 420px!important;
}
#slide13 {
    background: url(../images/22.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 420px!important;
}
#slide15 {
    background: url(../images/13.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 420px!important;
}
#slide17 {
    background: url(../images/21.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 420px!important;
}
#slide16 {
    background: url(../images/14.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 420px!important;
}
	.modern-img{float: left}
	.modern-img1{width: 100%;
    height: 374px; }

    .badge-primary a
     {
    font-size: 13px;
    color: #2d383e;
    
    }
		
	.right-searches
    {
    background: url(../img/Search.svg);
    background-repeat: no-repeat;
    float: right;
    height: 60px !important;
    background-size: 30px;
    float: right;
    position: absolute;
    right: 0;
	background-position: center;
    width: 84px;
    height: 100%;
    border: 0;
    border-left: 1px solid #e0e0e0;
    background-position-y: 18px;  padding-left:30px!important; display: none
    
}	
		
	.navik-menu {
 
    width: 100%!important; background: #fff;
    text-align: right; 
		position: relative;
    top: 85px; 
		direction: rtl
    /*border: 1px solid green*/
}
	
	
	
	.navik-header {
    position: absolute;
    font-size: 16px;
    line-height: 1.42857143;
   /* background-color: white;*/
    z-index: 99999;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    width: 100%!important;
    float: left!important; height:84px; 
}
	
header.top-pos {
    position: relative;
    top: 0;
    height: 85px;
    background: #fff;
    left: 0;
    width: 100%;
    z-index: 1000000;
}	
	
	
section {
    position: relative;
    padding-top: 0px;
    z-index: 1;
    background: #fff; 
    /*border: 1px solid red*/
    /* padding-top: 50px; */
}	

	
			.col-sm-6 {
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important; 
   /* border: 1px solid green*/
}
.team-w3-agileits h5 {
    text-align: center;
    margin: 1em 0 0.5em!important;
    color: #000;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: center;
    position: relative;
    top: -11px;
}	
	
	
    }
    @-webkit-keyframes overlay {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes overlay {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    /**************** 
		MAIN MENU
	****************/
    .navbar-default .navbar-toggle {
        border: 2px solid #405e74;
        margin-right: 0;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background: #405e74;
    }
    .navbar-header {
        float: right !important;
    }
    .navbar-toggle {
        display: block !important;
        float: right !important;
    }
    .navbar-toggle:focus,
    .navbar-toggle:hover {
        background: none !important;
    }
    .navbar-collapse {
        display: none;
    }
    div#main-nav {
        max-height: 100% !important;
        border: 0;
    }
    div#main-nav ul.nav.navbar-nav {
        height: 100vh;
        padding-top: 30px;
        margin: 0;
        width: 100%;
    }
    div#main-nav ul li {
        width: 100%;
        text-align: center;
    }
    div#main-nav ul li a {
        padding: 10px 0;
    }
    /**************** 
		PUSH MENU
	****************/
    .collapse {
        display: block !important;
    }
    /* General styles for all menus */
    .cbp-spmenu {
        background: #eaeaea;
        position: fixed;
        padding: 0;
        margin: 0 !important;
        overflow-x: hidden;
        overflow-y: visible;
        display: block;
        visibility: visible !important;
    }
    /* Orientation-dependent styles for the content of the menu */
    .cbp-spmenu-vertical {
        width: 260px;
        height: 100%;
        top: 0;
        z-index: 1000;
    }
    .cbp-spmenu-horizontal {
        width: 100%;
        height: 150px;
        left: 0;
        z-index: 1000;
        overflow: hidden;
    }
    .cbp-spmenu-horizontal h3 {
        height: 100%;
        width: 20%;
        float: left;
    }
    .cbp-spmenu-horizontal a {
        float: left;
        width: 20%;
        padding: 0.8em;
        border-left: 1px solid #258ecd;
    }
    /* Vertical menu that slides from the left or right */
    .cbp-spmenu-left {
        left: -260px;
    }
    .cbp-spmenu-right {
        right: -260px;
    }
    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0px;
    }
    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0px;
    }
    /* Horizontal menu that slides from the top or bottom */
    .cbp-spmenu-top {
        top: -150px;
    }
    .cbp-spmenu-bottom {
        bottom: -150px;
    }
    .cbp-spmenu-top.cbp-spmenu-open {
        top: 0px;
    }
    .cbp-spmenu-bottom.cbp-spmenu-open {
        bottom: 0px;
    }
    /* Push classes applied to the body */
    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }
    .cbp-spmenu-push-toright {
        left: 260px;
    }
    .cbp-spmenu-push-toleft {
        left: -260px;
    }
    /* Transitions */
    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    /**************** 
		SLIDER SECTION
	****************/
    .slider-content h2 {
        font-size: 100px;
        line-height: 1.5;
    }
    .slider-content h3 {
        font-size: 50px;
    }
    .swiper-pagination {
        left: 95% !important;
    }
    /**************** 
		COMPANYS GOAL SECTION
	****************/
    section#company .img-holder {
        border-radius: 0;
    }
    section#company .company-msg {
        border-radius: 0;
        margin: 0;
        overflow: hidden;
        box-shadow: none;
    }
    /**************** 
		CTA SECTION
	****************/
    section#cta {
        text-align: center
    }
    section#cta .btn {
        margin-top: 20px;
    }
    /**************** 
		SKILLS SECTION
	****************/
    section#skills img {
        height: 400px;
    }
    /**************** 
		TEAM SECTION
	****************/
    .team-member.active,
    .team-member {
        margin-bottom: 80px;
        clear: both;
    }
    .team-member:last-child {
        margin-bottom: 0;
    }
    .team-member img {
        display: block;
        margin: 0 auto;
    }
    /**************** 
		SUBSCRIBE SECTION
	****************/
    section#subscribe {
        text-align: center;
    }
    section#subscribe .col-md-4 {
        margin-bottom: 40px;
    }
    /**************** 
		PRICING SECTION
	****************/
    section#pricing .pricing-wrapper {
        margin-bottom: 80px;
    }
    section#pricing .col-md-4:last-child .pricing-wrapper {
        margin-bottom: 0;
    }
    /**************** 
		TESTIMONIAL SECTION
	****************/
    section#testimonial .client-quote {
        padding: 80px 40px;
    }
    section#testimonial .client-image img {
        display: none;
    }
    /**************** 
		BLOG SECTION
	****************/
    .blog-post-featured {
        margin-top: 30px;
    }
    /**************** 
		CONTACT SECTION
	****************/
    .gmaps {
        height: 500px;
    }
    section#contact .col-md-7 {
        padding: 80px 40px;
    }
    /**************** 
		FOOTER
	****************/
    footer#main-footer {
        text-align: center;
    }
    footer#main-footer .social {
        margin-top: 20px;
    }

}


/* ---- End of max-width 992px CSS ---- */


/* ---- Start of min-width 768px CSS ---- */

@media all and (min-width: 768px) and (max-width: 1024px){
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0 !important;
    }
	
	
	
	
	
	
}

@media (max-width: 1024px) {

.bgimg-color17 .col-md-12 {
    display: block;
   padding-top: 20px;
}
.our-service .col-sm-12 {
    display: block;
  padding-top: 20px;
}
	
}


@media (max-width: 991px){
.bg-custom {
    background-color: rgba(255,255,255,0.7)!important;
    padding: 25px 10px 25px 10px; 
}
	
/*
	.gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang.gs18-HeaderLang__Lang-Current {
    display: block;
}
	.gs18-HeaderLang.is-open .gs18-HeaderLang__Lang {
    background: #000;
    color: #fff;
}
	
	.gs18-HeaderLang.is-open .gs18-HeaderLang__List {
    display: block;
}
	
	.gs18-HeaderLang .gs18-HeaderLang__List {
    position: absolute;
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    right: 0;
    overflow: hidden;
    background: #000;
    list-style: none;
    font-size: 18px;
    font-weight: 500;top: 85px; border: 1px solid red
}
	
	.gs18-HeaderLang .gs18-HeaderLang__List>li>a {
    display: block;
    padding: 15px;
    color: #fff;
    text-decoration: none;
}
	
	.gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang.gs18-HeaderLang__Lang-Current {
    display: block;
}
*/
	
/*
	.gs18-HeaderLang .gs18-HeaderLang__Lang:before {
    content: '';
    display: block;
    position: absolute;
    top: 29px;
    right: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #000 transparent transparent transparent;
}
*/
	
/*
	
.gs18-HeaderLang .gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang:first-child:before {
    content: '';
    display: block;
    position: absolute;
    top: 29px;
    left: 3px;
    height: 26px;
}
	
*/
/*
	.gs18-HeaderLang.is-open .gs18-HeaderLang__Lang::before {
   -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top-color: #fff;
}
*/
/*
	
.gs18-HeaderLang .gs18-HeaderLang__Lang {
    display: block;
    box-sizing: border-box;
    padding: 24px 14px 22px 0;
    width: 59px;
    height: 65px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    position: relative;
}
	
	.gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang {
    display: none;
}
*/

	
	.dropdown {
                        position: relative;
	left: 150px;
    z-index: 200000000;
	
                    }

                    /* Hide the dropdown's content by default */
                    .dropdown__content {
                        display: none;

                        /* Position it right below the trigger element */
                        left: 0;
                        padding-top: 4px;
                        position: absolute;
/*                        top: 100%;*/

                        /* It should be on the top of other elements */
                        background-color: #fff;
                        z-index: 9999;

                        /* Size */
                        height: 200px;
                        width: 200px;
						top: 54px;
                    }

                    /* Show the content when hover on the container */
                    .dropdown:hover .dropdown__content {
                        display: block;
                    }
}


@media screen and (max-width: 991px) and (min-width: 768px) {
	.president_delImg img {
    width: 50%;
    text-align: center;
}
.caption21 {
    position: absolute;
    right: 0;
    top: 25%;
    width: 100%;
    text-align: center;
    color: #000;
}
.caption20 {
    position: absolute;
    right: 0;
    top: 21%;
    width: 100%;
    text-align: center;
    color: #000;
}
.section-title12 h2 {
    margin-top: 0px !important;
    color: #fff!important;
    font-size: 27px!important;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 15px;
  
}
	
	.president_del{padding: 24px;/* border: 1px solid red*/
    }
	.president_del p{font-size: 14px;}
	
	.president_left {
    margin-right: 20px;
    text-align: center;
}
.showroom
    {
        width: 100%;
        margin-bottom: 15px;
    }
.compliance
{
    width: 100%;
    margin-bottom: 15px;
}
.caption5 {
    position: absolute;
    left: 0;
    top: 15%;
    width: 100%;
    text-align: center;
    color: #000;
}
	
	.caption100 {
    position: absolute;
    left: 0;
    top: 15%;
    width: 100%;
    text-align: center;
    color: #000;
}
.bgimg-color3 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    right: 0;
}
	.btn-width1 {
    width: 50%!important;
  
    text-align: center; margin-bottom: 10px
}
}



/* ---- End of min-width 768px CSS ---- */
@media screen and (max-width: 1024px) and (min-width: 768px) {

.burger-menu {
    position: absolute;
    top: 35px;
    left: 0px;
    width: 20px;
    height: 17px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: transform 330ms ease-out;
    -moz-transition: transform 330ms ease-out;
    -o-transition: transform 330ms ease-out;
    transition: transform 330ms ease-out;
   /* border: 1px solid red;*/
}

	.caption100 {
    position: absolute;
    left: 0;
    top: 15%;
    width: 100%;
    text-align: center;
    color: #000;
}
.col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 100%;
}
.gs18-HeadingLv3 {
    margin: 40px 0 0;
    font-size: 1.8rem;
    font-weight: 600;
 
}
.logo-tops img {
    margin: 0px 0 0;
    position: relative;
    z-index: 109999;
    width: 87px!important;
}
.col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 50%;
    max-width: 50%;
}
.team-w3-agileits{margin-bottom: 46px;}

.col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 100%;
}
.navik-menu {
    width: 100%!important;
    background: #fff;
    text-align: right;
    top: 85px;
    position: relative; direction: rtl
}
.hisrory-video {
    position: relative;
    background-color: black;
    height: 50vh;
    /* min-height: 25rem; */
    width: 100%;
    overflow: hidden;
}
.hisrory-video video {
    position: absolute;
    top: 33%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
	.copyright p {
    margin: 0;
    line-height: 1.2;
    text-align: right;
    font-size: 17px;
    font-weight: 300;
   
    color: #000;
    position: relative;
    top: -5px;
    margin-bottom: 10px;
}
	
	.gs18-Footer_Legal>li a {
    display: inline-block;
    padding-right: 0.3em;
    line-height: 1.1;
    color: #000;
    font-size: 17px!important;
    text-align: right; direction: rtl
}
	
	.gs18-Footer_Legal {
    padding: 0;
    list-style: none;
    font-size: 18px;
    text-align: right;
    position: relative;
    top: -5px; direction: rtl
}
	
	.language-icon {
    position: absolute;
    left: 55px;
    top: 30px;
    z-index: 100000000;
}
	
	.language-icon-text {
    position: absolute;
    left: 94px;
    top: 16px;
    z-index: 100000000; 
}
	
		.footer p, .footer a {
    color: #000;
    line-height: 30px;
   
    font-size: 14px;
}
	
	.footerSocial a {
    width: 35px;
    height: 35px;
    text-align: center;
/*    background: #333;*/
    font-size: 14px;
    color: #fff!important;
    border-radius: 0px;
    margin-right: 6px;
    padding: 3px;
    display: inline-block;
}
	
	.in-icon {
    width: 8%!important;
}
	
	.halfImageText15 {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-bottom: 40px;
}
	
	.halfImageText15 .imageFull {
    height: 503px;
    position: absolute;
    background-size: cover;
    width: 100%;
}
	
		.bgimg-color5 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    right: 0;
}
	
	.caption7 {
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    text-align: center;
    color: #000;
}
	
	.bgimg-color6 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    float: right;
}
	
	.caption6 {
    position: absolute;
    right: 0;
    top: 15%;
    width: 100%;
    text-align: center;
    color: #000;
}
	
	.contact-bottom {
    position: fixed!important;
    right: 59px!important;
    bottom: 0;
    width: 14%;
    z-index: 1030;
}
	
	.bgimg-color4 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    float: right;
}
	
    .bgimg-color3 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    float: right;
}
.caption5 {
    position: absolute;
    left: 0;
    top: 15%;
    width: 100%;
    text-align: center;
    color: #000;
}
}

/* ---- Start of max-width 769px CSS ---- */
@media screen and (min-width: 581px) and (max-width: 768px) {
	
		.search {
    position: absolute;
    display: inline-block;
    border-left: 1px solid #e0e0e0;
    right: 20px;
    cursor: pointer;
    height: 60px;
    /* background: #ccc; */
    z-index: 100000000; display: none!important
}
.col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 100%;
}
.history_col4 .col-4{    flex: 0 0 100%;
    max-width: 100%;

}
	
	
	.caption100 {
    position: absolute;
    left: 0;
    top: 15%;
    width: 100%;
    text-align: center;
    color: #000;
}
.logo-tops img {
    margin: 0px 0 0;
    position: relative;
    z-index: 109999;
    width: 87px!important;
}
.fotterTitle {
    font-size: 1.8rem!important;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    /* text-transform: uppercase; */
    
    letter-spacing: -0.5px;
    /* word-wrap: break-word; */
    /* overflow-wrap: break-word; */
    position: relative;
    top: 1px;
}
.col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 100%;
}
#video-background {
    position: relative;
    right: 0;
    bottom: 0;
    z-index: -100;
    width: 100vw;
    height: 72vh;
    object-fit: cover;
}
.compliance
{
    width: 100%;
    margin-bottom: 15px;
}
	
	.burger-menu {
    position: absolute;
    top: 35px;
    left: 0px;
    width: 20px;
    height: 17px;
     margin: 0px 0 0;
  
    cursor: pointer;
    z-index: 100;
   
   /*border: 1px solid green*/
}

.hisrory-video {
    position: relative;
    background-color: black;
    height: 20vh;
     min-height: 10em; 
    width: 100%;
    overflow: hidden;
}
.hisrory-video video {
    position: absolute;
    top: 33%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
.customer-care-form {
    border-radius: 0px!important;
    -webkit-box-shadow: 0 0 1px #afafaf;
    box-shadow: 0 0 1px #afafaf;
    padding: 5px;
    border: 1px solid #e4e4e4!important;
    margin-bottom: 10px;
}
.country-select input, .country-select input[type=text] {
    position: relative;
    right: 148px;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
    top: 0px;
}
.country-select .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px;
    right: 132px;
    top: 0px;
}
	
	.language-icon {
   
    left: 46px;
    top: 30px;
    z-index: 100000000;
    /*border: 1px solid red;*/
    margin: 0px 0 0;
    padding: 3px 16px;
    border-right: 0px solid #e1e1e1;
    position: absolute;
    z-index: 109999;
}
	
	.language-icon-text {
    position: absolute;
    left: 95px;
    top: 16px;
    z-index: 100000000; 
}
	
	
	
	.fotterTitle {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
   
   
    margin-top: 20px!important;
}
	
	
	.caption6 {
    position: absolute;
    right: 0;
    top: 18%;
    width: 100%;
    text-align: center;
    color: #000;
}
	
	.bgimg-color4 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    float: right;
}
	
	.footer p, .footer a {
    color: #000;
    line-height: 30px;
  
    font-size: 14px;
}
		.footerSocial a {
    width: 35px;
    height: 35px;
    text-align: center;
/*    background: #333;*/
    font-size: 14px;
    color: #fff!important;
    border-radius: 0px;
    margin-right: 6px;
    padding: 3px;
    display: inline-block;
}
	
	.in-icon {
    width: 8%!important;
}
	
	.in-icon img {
    width: auto;
}
	
	.owl-carousel .owl-item .property-item {
    margin-bottom: 0;
  /*  border: 1px solid red;*/
    width: 100%!important;
}
	
	.property-image .property-lable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 8px;
    bottom: 8px;
    right: 43px;
}
	
	.navik-menu .mega-menu-media-img {
    width: 100px;
}
	
	.president_delImg img {
    width: 50%;
    text-align: center;
}
	
	.president_del{padding: 24px;/* border: 1px solid red*/}
	.president_del p{font-size: 14px;}
	
	
	.year-inner {
    margin-top: 0px !important;
    color: #fff!important;
    font-size: 28px!important;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 15px;
   
    text-align: center;
}
	.year-inner100 {
    margin-top: 0px !important;
    color: #fff!important;
    font-size: 28px!important;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 15px;
    font-family: 'Raleway', sans-serif;
    text-align: center;
}
	
		
	.halfImageText15 {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-bottom: 40px;
}
	.halfImageText15 .imageFull {
    height: 375px;
    position: relative;
    background-size: cover;
    width: 100%;
/*    margin: 27px;*/
}
	
	
	.halfImageText15 .imageFullright {
    height: 360px;
    position: relative;
    background-size: cover;
    width: 100%;
/*    margin: 27px;*/
}
	
	.halfImageText15 .productInfo h3 {
    font-size: 23px;
    color: #de0022;
   
    font-weight: 500;
}
	
	.halfImageText15 .productInfo {
    min-height: 404px;
    padding-top: 25px;
     padding-left: 0px; 
}
	
	.display-3 {
    font-size: 3rem!important;
    font-weight: 600!important;
    line-height: 1.2;
    
}
	
	.service2-section {
    float: none!important;
    padding: 0px!important;
}
	
	
		.bgimg-color5 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    right: 0;
}
	
	.caption7 {
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    text-align: center;
    color: #000;
}
	
	.bgimg-color6 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    float: right;
}
.bgimg-5 {
    background-image: url(../images/Dumbwaiters.jpg);
    min-height: 500px;
}
.bgimg-color {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 500px;
}
.footerSocial span a {
    width: auto;
    height: 35px;
    text-align: center;
    /* background: #333; */
    color: #000 ! important;
    border-radius: 0px;
    margin-right: 6px;
    padding: 3px;
    display: inline-block;
    font-family: 'Roboto',sans-serif;
    position: relative;
    color: inherit;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    padding-left: 12px;
    position: relative;
    top: -2px;
    /* left: -5px; */
}
	.footerSocial span a:hover {
    color: #de0022!important;
    width: auto;
    height: 35px;
    text-align: center;
    /* background: #333; */
    border-radius: 0px;
    margin-right: 6px;
    padding: 3px;
    display: inline-block;
    font-family: 'Roboto',sans-serif;
    position: relative;
    color: inherit;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    padding-left: 12px;
}
	
	#slide1 {
    background: url(../images/history-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
	
	#slide2 {
    background: url(../images/04.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}

	
	#slide20 {
    background: url(../images/20.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
	#slide3 {
    background: url(../images/05.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
	
	#slide4 {
    background: url(../images/06.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 416px!important;
}
	
	#slide5 {
    background: url(../images/07.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
	
	#slide6 {
    background: url(../images/08.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
	
	
	#slide19 {
    background: url(../images/19.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 350px!important;
}
	
}


@media all and (max-width: 767px) {
    /**************** 
		COUNTUP SECTION
	****************/
    section#countup .col-xs-12 {
        margin-bottom: 40px;
    }
    section#countup .col-xs-12:last-child {
        margin-bottom: 0;
    }
	
	.btn-width1{width: 100%!important;
    text-align: center;margin-bottom: 10px
    }
	
	.image-respon-center{display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }
	.caption20 {
    position: absolute;
    right: 0;
    top: 21%;
    width: 100%;
    text-align: center;
    color: #000;
}
	.section-title20 p {
    font-size: 16px;
    line-height: 29px;
    color: #fff!important;
    padding: 0px 20px 0px 20px;
   
}
		.btn-width{width: 100%; text-align: center}
	
	.job-box {
    border: 1px solid #ededed;
    border-radius: 9px;
    overflow: hidden; text-align: center; 
}
	.job-apply {
    text-align: center;
    margin-top: 14px;
}
	.halfImageTextele .col-sm-12 {
    display: block;
  
}
  .gs18-HeadingLv3 {
    margin: 40px 0 0;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 20px!important;
    direction: rtl;
    text-align: center;
}
		.search {
    position: absolute;
    display: inline-block;
    border-left: 1px solid #e0e0e0;
    right: 20px;
    cursor: pointer;
    height: 60px;
    /* background: #ccc; */
    z-index: 100000000; display: none!important
}
.team-w3-agileits
{
    margin-bottom: 46px;
}
.planing
{
    width: 100%;
    /*margin-bottom: 15px;*/
}
	.gs18-TileItem__Body .col-sm-12 {
    display: block;
   
}
	

    .halfImageText15 .imageFull {
    height: 360px;
    position: relative;
    background-size: cover;
    width: 100%;
/*    margin: 27px;*/
}
	
	
	.halfImageText15 .imageFullright {
    height: 360px;
    position: relative;
    background-size: cover;
    width: 100%;
/*    margin: 27px;*/
}
	
	
    .showroom
    {
        width: 100%;
        margin-bottom: 15px;
    }
	.ih-item.circle {
    position: relative;
   width: auto;
    height: 200px;
    /* -webkit-border-radius: 50%; */
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* border-radius: 50%; */
    margin: 0 auto;
}
	
	.planing-img {
    width: 100%;
}
	.copyright p {
    margin: 0;
line-height: 1.2;
    text-align: right;
    font-size: 15px;
    font-weight: 300;
   
    color: #000;
    position: relative;
    top: -5px;     margin-bottom: 10px; direction: rtl
}
	
	.gs18-Footer_Legal>li a {
    display: inline-block;
    padding-right: 0.3em;
    line-height: 1.1;
    color: #000;
    font-size: 15px!important;
    text-align: right; direction: rtl
}
	
	.gs18-Footer_Legal {
    padding: 0;
    list-style: none;
    font-size: 18px;
    text-align: right;
    position: relative;
    top: -5px; direction: rtl
}
.caption9 {
    position: absolute;
    right: 0;
    top: 2%;
    width: 100%;
    text-align: center;
    color: #000;
}
.circle, .myskill {
    position: relative;
    max-width: 100%;
    display: inline-block;
}
.hisrory-video {
    position: relative;
    background-color: black;
    height: 50vh;
    /* min-height: 25rem; */
    width: 100%;
    overflow: hidden;
}
.hisrory-video video {
    position: absolute;
    top: 33%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
	.ptb80 
    { 
        padding:16px 0px 21px 0px; 
    }
	.navik-menu {
 
    width: 100%!important; background: #fff;
    text-align: right; direction: rtl 
}
	
	
	.navik-header {
    position: absolute;
    font-size: 16px;
    line-height: 1.42857143;
   /* background-color: white;*/
    z-index: 99999;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    width: 100%!important;
    float: left!important; height:84px; 
}
	.vid {
    position: absolute;
    bottom: 70%;
    left: 0%; 
    width: 100%;
    font-size: 36px;
    letter-spacing: 3px;
    color: #fff;
   
    text-align: center;
}
	.vid h1 {
    font-size: 40px;
    letter-spacing: 3px;
    color: #fff;
   
    text-align: center;
    font-weight: 600;
    top: 350px;
    /* border: 1px solid red*/
}
	
	.cap {
    position: absolute;
    font-size: 18px;
    letter-spacing: 0px;
    color: #fff;
   
    text-align: center;
    bottom: 33%;
    padding: 20px;
    width: 100%;
}
	
	.contact-bottom {
    position: fixed!important;
    right: 50px!important;
    bottom: 0;
    width: 25%;
    z-index: 1030;
   
}
	
	
	.bgimg-color3 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    right: 0;
}
	.caption5 {
    position: absolute;
    left: 0;
    top: 18%;
    width: 100%;
    text-align: center;
    color: #000;
}
	
		.col-sm-6 {
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
    /* border: 1px solid green*/
}
	
	
.col-sm-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}	
	.president_left {
    margin-right: 20px;
    text-align: center;
}
	
	
	
}





/* ---- End of max-width 768px CSS ---- */

@media all and (max-width: 580px) {
.fullsize-video-bg {
position: relative;top: 0px;left: 0;max-width: 100%;
z-index: 0; background-color: rgba(0, 0, 0, 0.6);
min-height: 210px; background-position: center center;
background-repeat: no-repeat;background-size: cover;   
}
.fullsize-video-bg  iframe{
    
    display: none!important
}
	
		
.about-video-bg {
position: relative;top: 0px;left: 0;max-width: 100%;
z-index: 0; background-color: rgba(0, 0, 0, 0.6)!important;
min-height: 210px; background-position: center center!important;background-repeat: no-repeat;background-size: cover!important; padding: 0px!important }
.about-video-bg  iframe{display: none!important}
	
.quality_safety-video-bg {
position: relative;top: 0px;left: 0;max-width: 100%;
z-index: 0; background-color: rgba(0, 0, 0, 0.6)!important;
min-height: 210px; background-position: center center!important;background-repeat: no-repeat;background-size: cover!important; padding: 0px!important }
.quality_safety-video-bg  iframe{display: none!important}
		
.careers-video-bg {
position: relative;top: 0px;left: 0;max-width: 100%;
z-index: 0; background-color: rgba(0, 0, 0, 0.6)!important;
min-height: 210px; background-position: center center!important;background-repeat: no-repeat;background-size: cover!important; padding: 0px!important }
.careers-video-bg  iframe{display: none!important}
	
.ilove-video-bg {
position: relative;top: 0px;left: 0;max-width: 100%;
z-index: 0; background-color: rgba(0, 0, 0, 0.6)!important;
min-height: 210px; background-position: center center!important;background-repeat: no-repeat;background-size: cover!important; padding: 0px!important }
.ilove-video-bg  iframe{display: none!important}

	
		
.service-video-bg {
position: relative;top: 0px;left: 0;max-width: 100%;
z-index: 0; background-color: rgba(0, 0, 0, 0.6)!important;
min-height: 210px; background-position: center center!important;background-repeat: no-repeat;background-size: cover!important; padding: 0px!important }
.service-video-bg  iframe{display: none!important}

	

.pro-video-bg {
position: relative;top: 0px;left: 0;max-width: 100%;
z-index: 0; background-color: rgba(0, 0, 0, 0.6)!important;min-height: 210px; background-position: center center!important;background-repeat: no-repeat;background-size: cover!important; padding: 0px!important }
.pro-video-bg iframe{display: none!important}




.ele-video-bg {
position: relative;top: 0px;left: 0;max-width: 100%;
z-index: 0; background-color: rgba(0, 0, 0, 0.6)!important;min-height: 210px; background-position: center center!important;background-repeat: no-repeat;background-size: cover!important; padding: 0px!important }
.ele-video-bg iframe{display: none!important}
	
	
.maintenance_services-video-bg {
position: relative;top: 0px;left: 0;max-width: 100%;
z-index: 0;background-color: rgba(0, 0, 0, 0.6)!important;min-height: 210px; background-position: center center!important;background-repeat: no-repeat;background-size: cover!important; padding: 0px!important }
.maintenance_services-video-bg iframe{display: none!important}
	
	
.modernization-video-bg {
position: relative;top: 0px;left: 0;max-width: 100%;
z-index: 0; background-color: rgba(0, 0, 0, 0.6)!important;min-height: 210px; background-position: center center!important;background-repeat: no-repeat;background-size: cover!important; padding: 0px!important }
.modernization-video-bg iframe{display: none!important}	

	
	
	.section-title11 p {
    font-size: 13px;
    line-height: 22px;
    color: #fff!important;
    padding: 0px 20px 0px 20px;
}
	
}

	
	
	

	

/* ---- Start of max-width 580px CSS ---- */

@media all and (max-width: 580px) {
    /**************** 
		MAIN SLIDER SECTION
	****************/
	.ih-item.circle .img {
    position: relative;
/*    width: 100%;*/
    /* height: 190px; */
    /* -webkit-border-radius: 50%; */
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* border-radius: 50%; */
    border-radius: 0 0 6px 6px;
}
.col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 100%;
}
.gs18-HeadingLv3 {
   margin: 40px 0 0;
    font-size: 1.8rem;
    font-weight: 600;
   
}
	.section-title20 p {
    font-size: 17px;
    line-height: 29px;
    color: #fff!important;
    padding: 0px 20px 0px 20px;
   
} 
	
	.modern-img1 {
    width: 100%;
    height: 360px;
   
}
	
	
	.abt-video {
    display: block!important;
    width: 100%!important;
    height: 100%!important;
/*    height: 225px!important;*/
   
    top: 0px!important;
}
	
	.home-video {
    display: block!important;
    width: 100%!important;
    height: 100%!important;
/*    height: 325px!important;*/
   
    top: 0px!important;
}
	
.vid-abt h1 {
    font-size: 30px!important;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    top: 350px;
    line-height: 39px;
}
	
	
	.caption100 {
    position: absolute;
    left: 0;
    top: 15%;
    width: 100%;
    text-align: center;
    color: #000;
}
.bgimg-23{


position: relative;
    /* opacity: 0.70; */
    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0px;
    background-position: -437px;


}
	.footer {
    background: #dbdbdb;
    padding: 0 30px 30px;
    height: 213px;
    margin: 0 auto;
    padding-top: 27px;
    direction: rtl;
    text-align: right;
}
.logo-tops img {
    margin: 0px 0 0;
    position: relative;
    z-index: 109999;
    width: 87px!important;
}
.section-title12 h2 {
    margin-top: 0px !important;
    color: #fff!important;
    font-size: 27px!important;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 15px;
    font-family: 'Raleway', sans-serif;
}
.team-w3-agileits{margin-bottom: 46px;}
#video-background {
    position: relative;
    right: 0;
    bottom: 0;
    z-index: -100;
    width: 100vw;
    height: 72vh;
    object-fit: cover;
}
.compliance
{
    width: 100%;
    margin-bottom: 15px;
}
.planing
{
    width: 100%;
    margin-bottom: 15px;
}
.hisrory-video {
    position: relative;
    background-color: black;
    height: 37vh;
     min-height: 15rem; 
    width: 100%;
    overflow: hidden;
}
.hisrory-video video {
    position: absolute;
    top: 33%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
	
	.section-title11 h2 {
    margin-top: 0px !important;
    color: #fff!important;
    font-size: 28px!important;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 15px;
    
}
	
	
	.section-title11 p {
    font-size: 13.5px;
    line-height: 21px;
    color: #fff!important;
    padding: 0px 12px 0px 12px;
    
}
	
	.produc {
    position: relative;
    background-color: black;
    height: 64vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
	
	.btn-width{width: 100%; text-align: center}
	
	
.ptb80 
    { 
        padding:16px 0px 21px 0px; 
    }
.customer-care-form {
    border-radius: 0px!important;
    -webkit-box-shadow: 0 0 1px #afafaf;
    box-shadow: 0 0 1px #afafaf;
    padding: 5px;
    border: 1px solid #e4e4e4!important;
    margin-bottom: 3px! important;
}
 .customer-care-form1{
   
    /*border-radius: 0px!important;
    -webkit-box-shadow: 0 0 1px #afafaf;
    box-shadow: 0 0 1px #afafaf;*/
   padding: 5px 0px 5px 0px;
    /*border: 1px solid #e4e4e4!important;*/
    margin-bottom: 3px! important;
  }
	
	.in-icon {
    width: 9%!important;
}
.country-select input, .country-select input[type=text] {
    position: relative;
    right: 19px;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
    top: 0px;
}
.country-select .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px;
    right: 19px;
    top: 0px;
}
	
.right-searches{
 background: url(../img/Search.svg);
    background-repeat: no-repeat;
    float: right;
    height: 60px !important;
    background-size: 30px;
    float: right;
    position: absolute;
    right: 0;
	background-position: center;
    width: 84px;
    height: 100%;
    border: 0;
    border-left: 1px solid #e0e0e0;
    background-position-y: 18px;  padding-left:30px!important; display: none
    
}
	
	.cap {
    position: absolute;
    font-size: 18px;
    letter-spacing: 0px;
    color: #fff;
 
    text-align: center;
    bottom: 25%;
    padding: 20px;
    width: 100%;
}
	
	.vid {
    position: absolute;
    bottom: 61%;
    left: 0%;
    width: 100%;
    font-size: 36px;
    letter-spacing: 3px;
    color: #fff;
    
    text-align: center;
}
	
	.contact-bottom {
   position: fixed!important;
    right: 60px!important;
    bottom: 0;
    width: 28%;
    z-index: 1030;
}
	
	.in-icon img {
    width: auto;
}
	
	.col-sm-6 {
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
	
	.burger-menu {
    position: absolute;
    top: 35px;
    left:0px;
    width: 20px;
    height: 17px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: transform 330ms ease-out;
    -moz-transition: transform 330ms ease-out;
    -o-transition: transform 330ms ease-out;
    transition: transform 330ms ease-out;
}
	
	
	
	.language-icon {
    left: 37px;
    top: 30px;
    z-index: 100000000;
    /*border: 1px solid red;*/
    margin: 0px 0 0;
    padding: 3px 16px;
    border-right: 0px solid #e1e1e1;
    position: absolute;
    z-index: 109999;
}
	
	.language-icon-text {
    position: absolute;
    left: 95px;
    top: 16px;
    z-index: 100000000;
   
}
	.search {
    position: absolute;
    display: inline-block;
    border-left: 1px solid #e0e0e0;
    right: 20px;
    cursor: pointer;
    height: 60px;
    /* background: #ccc; */
    z-index: 100000000;
}
	.search_form input[type='submit'] {
    text-transform: uppercase;
    font-size: 14px;
    /* padding: 0px 5px; */
    min-height: 35px;
    margin: 0px 0px 0px 0;
    cursor: pointer;
    /*border: 1px solid red;*/
    /* width: 94px; */
    position: absolute;
}
	
	.search_form {
    background: #e8e8e8;
    position: absolute;
    z-index: 99999;
    padding: 0px 11px;
    right: -22px;
    top: 75px!important;
    overflow: hidden;
    border-radius: 0px;
    width: 20px;
    height: 0px;
    transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
    -webkit-transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
}
	
.search_form input[type='text'] {
    border-radius: 0px 0 0 0px;
    width: 339px;
    margin: 0px 4px 0px 0;
    padding: 0px 5px 1px;
    min-height: 35px;
}
	
.search input {
    padding-right: 8px;
}
	
.search_box:checked~.search_form {
    width: 420px;
    height: 46px;
    padding: 5px;
    top: 45px;
    transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
    -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
}	
	
	
	.fotterTitle {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    
   
    margin-top: 20px!important;
}
.caption6 {
    position: absolute;
    right: 0;
    top: 15%;
    width: 100%;
    text-align: center;
    color: #000;
}
	
	.bgimg-color4 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    float: right;
}
	
	.footer p, .footer a {
    color: #000;
    line-height: 30px;
  
    font-size: 14px;
}
		.footerSocial a {
    width: 35px;
    height: 35px;
    text-align: center;
/*    background: #333;*/
    font-size: 14px;
    color: #fff!important;
    border-radius: 0px;
    margin-right: 6px;
    padding: 3px;
    display: inline-block;
}
	.owl-carousel .owl-item .property-item {
    margin-bottom: 0;
   /* border: 1px solid red;*/
    width: 100%!important;
}
	
		.navik-menu .mega-menu-media-img {
    width: 100px;
}
	
	.president_delImg img {
    width: 50%;
    text-align: center;
}
	
		.president_delImg img {
    width: 50%;
    text-align: center;
}
	
	.president_del{padding: 24px;
     /*border: 1px solid red*/
 }
	.president_del p{font-size: 14px;}
	
	.president_left {
    margin-right: 20px;
    text-align: center;
}
	
	.year-inner {
    margin-top: 20px !important;
    color: #fff!important;
    font-size: 28px!important;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 15px;
   
    text-align: center;
}
	
	.year-inner100 {
    margin-top: 0px !important;
    color: #fff!important;
    font-size: 28px!important;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 15px;
    font-family: 'Raleway', sans-serif;
    text-align: center;
}
	
	
	.year5 {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    top: 6px;
}
	
	.year6 {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    top: -21px;
}
	
	.year-desc {
    color: white;
    width: 100%;
    font-size: 11pt;
    margin-top: 0px;
    text-align: center;
   
}
	.year3 {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    top: 45px;
}
	
	#slide1 {
    background: url(../images/history-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 396px!important;
}
	
	#slide2 {
    background: url(../images/04.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 372px!important;
}
	
	#slide20 {
    background: url(../images/20.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 310px!important;
}
	
	#slide3 {
    background: url(../images/05.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 373px!important;
}
	
	#slide4 {
    background: url(../images/06.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 453px!important;
}
	
	#slide5 {
    background: url(../images/07.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 331px!important;
}
	
	#slide6 {
    background: url(../images/08.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 346px!important;
}
	
	#slide19 {
    background: url(../images/19.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 330px!important;
}
	
	#slide7 {
    background: url(../images/09.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 320px!important;
}
	
	.year {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    top: 0px;
    
}
	
	#slide18 {
    background: url(../images/16.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 372px!important;
}
	
	#slide14 {
    background: url(../images/12.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 342px!important;
}
	
	#slide13 {
    background: url(../images/22.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 348px!important;
}
	
	#slide15 {
    background: url(../images/13.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 395px!important;
}
	
	#slide17 {
    background: url(../images/21.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 392px!important;
}
	
	#slide16 {
    background: url(../images/14.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    min-height: 390px!important;
}
	
	.section-title20 p {
    font-size: 15px;
    line-height: 24px;
    color: #fff!important;
    padding: 0px 20px 0px 20px;
   
}
	
	.caption20 {
    position: absolute;
    right: 0;
    top: 14%;
    width: 100%;
    text-align: center;
    color: #000;
}
	
	.bgimg-color15 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 300px;
    width: 100%;
    right: 1px;
    /* margin: 20px; */
    top: 50px;
    position: relative;
    /* padding: 30px; */
     left: 0px; 
}
	
	.section-title10 h2 {
    margin-top: 0px !important;
    color: #fff!important;
    font-size: 27px!important;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 15px;
   
}
	
	
	.prolearnMore {
    border: 2px solid #fff;
    color: #fff!important;
    font-size: 16px;
    padding: 9px 9px;
    min-width: 200px;
    text-align: center;
     display:inline ;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    /* margin-top: 26px; */
    border-radius: 0px;
    background: #fff;
    top: 17px;
    /* margin: 50px; */
    position: relative;
}
	
	.prolearnMore:hover {
    border: 2px solid #de0022;
    color: #fff!important;
    font-size: 16px;
    text-align: center;
    display: inline;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    border-radius: 0px;
    background: #de0022;
}
	
	.halfImageText15 {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-bottom: 40px;
}
	.halfImageText15 .imageFull {
    height: 360px;
    position: relative;
    background-size: cover;
    width: 100%; 
}
	
	.halfImageText15 .productInfo h3 {
    font-size: 23px;
    color: #de0022;
   
    font-weight: 500;
}
	
	.halfImageText15 .productInfo {
    min-height: 404px;
    padding-top: 25px;
     padding-left: 0px; 
}
	
	.display-3 {
    font-size: 3rem!important;
    font-weight: 600!important;
    line-height: 1.2;
   
}
	
	.service2-section {
    float: none!important;
    padding: 0px!important;
}
	
	.modern-bnr-text {
    padding-top: 60px;
}
	.display-10 {
    font-size: 2rem!important;
    font-weight: 600!important;
    line-height: 1.2;
   
}
	
	.bgimg-color5 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    right: 0;
}
	
	.caption7 {
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    text-align: center;
    color: #000;
}
	
	.bgimg-color6 {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 400px;
    width: 100%;
    float: right;
}
	.col-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
	.col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 100%;
}
	
	
	.footerSocial span a {
    width: auto;
    height: 35px;
    text-align: center;
    /* background: #333; */
    color: #000 ! important;
    border-radius: 0px;
    margin-right: 6px;
    padding: 3px;
    display: inline-block;
  
    position: relative;
    color: inherit;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    padding-left: 12px;
    position: relative;
    top: -2px;
    /* left: -5px; */
}
	.footerSocial span a:hover {
    color: #de0022!important;
    width: auto;
    height: 35px;
    text-align: center;
    /* background: #333; */
    border-radius: 0px;
    margin-right: 6px;
    padding: 3px;
    display: inline-block;
   
    position: relative;
    color: inherit;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    padding-left: 12px;
}
	
	.planing-img{width: 100%}
	
}
	

    .slider-content {
        text-align: center;
    }
    .slider-content .pull-left {
        float: none !important;
    }
    .slider-content h2 {
        line-height: 1;
    }
    .slider-content h3 {
        font-size: 36px;
        padding-left: 0;
    }
    section.circle:after {
        display: none;
    }
	
	
	

	
    /**************** 
		COMPANY GOAL SECTION
	****************/
    section#company .img-holder img {
        height: 100%;
        object-fit: cover;
    }
    /**************** 
		GALLERY SECTION
	****************/
    ul.gallery-sorting li {
        margin-bottom: 50px;
    }
    /**************** 
		TEAM SECTION
	****************/
    section#team:after {
        display: none;
    }
    /**************** 
		TESTIMONIAL SECTION
	****************/
    section#testimonial .testimonial-wrapper:after {
        height: 58%;
    }
    /**************** 
		BLOG SECTION
	****************/
    .blog-post-featured {
        height: 500px;
    }



/* ---- End of max-width 580px CSS ---- */


/* ---- Start of max-width 480px CSS ---- */

@media all and (max-width: 480px) {
    /**************** 
		GALLERY SECTION
	****************/
    .gallery-items li.col-xs-6.shuffle-item {
        width: 100%;
    }
    .gs18-HeadingLv3 {
    margin: 40px 0 0;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}
	.customer-care-form {
    border-radius: 0px!important;
    -webkit-box-shadow: 0 0 1px #afafaf;
    box-shadow: 0 0 1px #afafaf;
    padding: 5px;
    border: 1px solid #e4e4e4!important;
    margin-bottom: 10px! important;
}
.logo-tops img {
    margin: 0px 0 0;
    position: relative;
    z-index: 109999;
    width: 87px!important;
}
.team-w3-agileits{margin-bottom: 46px;}
.country-select input, .country-select input[type=text] {
    position: relative;
    right: 9px;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
    top: 0px;
    font-size: 10px;
}
.country-select .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px;
    right: 9px;
    top: 0px;
}
.section-title12 h2 {
    margin-top: 0px !important;
    color: #fff!important;
    font-size: 27px!important;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 15px;
    font-family: 'Raleway', sans-serif;
}
.caption21 {
    position: absolute;
    right: 0;
    top: 25%;
    width: 100%;
    text-align: center;
    color: #000;
}
	.caption20 {
    position: absolute;
    right: 0;
    top: 11%;
    width: 100%;
    text-align: center;
    color: #000;
}
	
	.gs18-Header__Logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 8px 0 0;
    padding: 0 16px 0px 9px;
    border-color: #e1e1e1;
    border-width: 0 1px 0 0;
    border-style: solid;
    font-size: 36px!important;
}
}


/* ---- End of max-width 480px CSS ---- */


/* ---- Start of max-width 420px CSS ---- */

@media all and (max-width: 420px) {
    /**************** 
		SKILLS SECTION
	****************/
    .skillbar {
        width: 100%;
    }
    .section-title12 h2 {
    margin-top: 0px !important;
    color: #fff!important;
    font-size: 27px!important;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 15px;
    font-family: 'Raleway', sans-serif;
}
.language-icon {
    left: 30px;
    top: 30px;
    z-index: 100000000;
    /* border: 1px solid red; */
    margin: 0px 0 0;
    padding: 3px 16px;
    border-right: 0px solid #e1e1e1;
    position: absolute;
    z-index: 109999;
}
.language-icon-text {
    position: absolute;
    left: 70px;
    top: 16px;
    z-index: 100000000;
}
.gs18-HeadingLv3 {
    margin: 40px 0 0;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}
    .caption9 {
    position: absolute;
    right: 0;
    top: 4%;
    width: 100%;
    text-align: center;
    color: #000;
}
.caption6 {
    position: absolute;
    right: 0;
    top: 23%;
    width: 100%;
    text-align: center;
    color: #000;
}
.caption5 {
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    text-align: center;
    color: #000;
}
.team-w3-agileits{margin-bottom: 46px;}
.bgimg-5 {
    background-image: url(../images/Dumbwaiters.jpg);
    min-height: 500px;
}
.bgimg-color {
    background-color: rgba(0, 0, 0, 0.6);
    min-height: 500px;
}
.prolearnMore {
    border: 2px solid #fff;
    color: #fff!important;
    font-size: 16px;
    padding: 9px 9px;
    min-width: 200px;
    text-align: center;
     display:inline ;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    /* margin-top: 26px; */
    border-radius: 0px;
    background: #fff;
    top: 15px;
    /* margin: 50px; */
    position: relative;
}
.display-3 {
    font-size: 2.5rem!important;
    font-weight: 600!important;
    line-height: 1.2;
    
}
    /**************** 
		TEAM SECTION
	****************/
    .team-member img {
        width: 100%;
    }
    /**************** 
		BLOG SECTION
	****************/
    .blog-post .post-info {
        padding: 0 30px;
    }
    .blog-post-featured .post-info {
        padding: 0 30px;
    }
    .gs18-Footer_Legal {
    padding: 0;
    list-style: none;
    font-size: 18px;
    text-align: right;
    position: relative;
    top: -13px;
    direction: rtl;
}
}


/* ---- End of max-width 420px CSS ---- */


/* ---- Start of max-width 380px CSS ---- */

@media all and (max-width: 380px) {
    .pre-title {
        font-size: 55px;
    }
    .language-icon-text {
    position: absolute;
    left: 70px;
    top: 16px;
    z-index: 100000000;
}
    /**************** 
		MAIN SLIDER SECTION
	****************/
    .swiper-pagination {
        display: none;
    }
    .slider-content .btn:first-child {
        margin: 20px 0;
    }
    /**************** 
		ABOUT SECTION
	****************/
    section#about .about-desc {
        margin-bottom: 40px;
    }
    section#about .about-desc:last-child {
        margin-bottom: 0;
    }
    /**************** 
		TESTIMONIAL SECTION
	****************/
    section#testimonial .testimonial-wrapper:after {
        height: 65%;
    }
    /**************** 
		PARTNERS SECTION
	****************/
    #partners img {
        width: 130px;
    }
    .caption21 {
    position: absolute;
    right: 0;
    top: 21%;
    width: 100%;
    text-align: center;
    color: #000;
}

}


/* ---- End of max-width 380px CSS ---- */


/* ---- Start of max-width 340px CSS ---- */

@media all and (max-width: 340px) {
    /**************** 
		SUBSCRIBE SECTION
	****************/
    section#subscribe form input.form-control {
        width: 100% !important;
    }
    section#subscribe .btn {
        position: inherit;
        margin-top: 20px;
    }
    .caption9 {
    position: absolute;
    right: 0;
    top: -3%;
    width: 100%;
    text-align: center;
    color: #000;
}

}


/* ---- End of max-width 340px CSS ---- */


/* ---- Start of max-height 420px CSS ---- */

@media screen and (max-height: 420px) {
    .fullscreen {
        height: 550px;
    }
    section.circle:after {
        display: none;
    }
    ul.gallery-sorting li {
        margin-bottom: 40px;
    }


}