Admin Control Panel v2.0

✎ Editing: main.css ← Back

/*
	Template Author : pgsuae.com
	Template Name   : Zkteco	
	*****************************************
    - fonts
    - general css
    - header
    - services
    - video
    - testimonials
	- footer
*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500);
@font-face { 
	font-family: 'ge_ss_twolight'; src: url('../fonts/GE_SS_Two_Light.eot'); 
	src: url('../fonts/GE_SS_Two_Light.eot?#iefix') format('embedded-opentype'),  
	url('../fonts/GE_SS_Two_Light.woff') format('woff'),  url('../fonts/GE_SS_Two_Light.ttf') format('truetype'),  
	url('../fonts/GE_SS_Two_Light.svg#ge_ss_twolight') format('svg'); 
	font-weight: normal; 
	font-style: normal; }

/*  General CSS*/
body { background: #fff; font-family: 'Roboto', sans-serif; font-weight:400; font-size:17px; color:#212121; }
a { -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; outline:none; text-decoration:none !important }
b, strong{ font-weight:400}
ol, ul { padding:0px; margin:0px; list-style:none }
.wrapper { width: 1100px; margin: 0 auto; }
h1, h2, h3, h4, h5, h6 {  font-weight:400;/* letter-spacing: 1px; */ }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4, h5, h6 { font-weight: 400 }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
.center { text-align:center }
/*    header    */
header { width: 100%;/*height: 125px;*/ }
header .logo { float: left; }
header nav { /*float: right;
    margin-top: 57px;*/ }
header nav ul li { list-style: none; display: block; float: left;/*margin-left: 50px;*/ }
header nav ul li a { text-decoration: none; font-size: 16px; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; }
header.light nav ul li a { color: #e5e5e5; font-weight:300; }
.navbar-right>ul#demo-menu>li>a { color: #0f1110; font-size:16px; font-weight:300 }
ul#demo-menu>li{/*background:#d4d4d4;*/}
ul#demo-menu>li>a { color: #FFF; /*text-transform:uppercase*/;}
ul#demo-menu>li>a:hover, ul#demo-menu>li>a.active { color:#79bc28 }

.loginMenu li a { font-size:13px; font-weight:300; text-decoration:none; color:#c1c1c1; }
.loginMenu li a:hover { color:#7ac143 }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background:#a28f2b; }
header.dark nav ul li a { color: #5d5d5d; }
header nav ul.sub-menu li a { font-weight:300; letter-spacing: 0.05em; color:#fff }
header.dark nav ul li a:hover { color: #919191; }
footer { padding: 15px 0 0; background:#474b4f/*overflow: hidden;*/ }
footer .footer_logo { float: left; }
footer .rights p { float: left; color: #838181; font-size: 13px; margin: 5px 0 0 40px; }
footer .rights p a { color: #777; font-size: 13px; font-weight: bold; text-decoration: none; }
footer nav ul { float: right; overflow: hidden; list-style: none; margin-top: 5px; }
footer nav ul li { float: left; margin-left: 25px; }
footer nav ul li a { color: #838181; font-size: 13px; text-decoration: none; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; }
footer nav ul li a:hover { color: #616161; }
/*dropdown menu style*/

.dropdown-submenu { position:relative; }
.dropdown-submenu > .dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px; }
.dropdown-submenu:hover > .dropdown-menu { display:block; }
.dropdown-submenu > a:after { display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px; }
.dropdown-submenu:hover > a:after { border-left-color:#ffffff; }
.dropdown-submenu .pull-left { float:none; }
.dropdown-submenu.pull-left > .dropdown-menu { left:-100%; margin-left:10px; }
.root:hover > .dropdown-menu { display: block; }
.mainNavWrap { margin-bottom:0; border:none; background:none; }
.navbar-brand { height:auto; }
.navbar-right { margin-right:0px; }
.navbar-logo { float:left }
.logo-block { display:block;  }
/*dropdown menu style*/
.mainNavWrap { font-size:16px; font-weight:400; }
.mainNavWrap a { color:#2e2e2e; }
.nav>li>a { }
.navbar-brand { padding-left:0; padding-right:3px; }
.navbar-default .navbar-nav>li>a { color:#2e2e2e !important; }
.navbar-collapse { margin-top:6px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover { background:#9a7f26; color:#FFF; background: rgba(130, 39, 78, 0.6); }
.menu-list>li>a:hover, .menu-list>li.active>a { color:#0f1110 }
.shrink .menu-list>li.active>a { color:#212121 }
.shrink .menu-list>li>a:hover { color:#fff }
.menu-list>li>a:hover { background:#7ac143 !important;color:#FFF !important;    }
.menu-list>li.active>a { background:#7ac143 !important; color:#FFF;}
/*ul.menu-list>li>ul{border-top:4px solid #0f8ad2;}*/

.menu-list>li>a { }
.headerRightWrap { float:right; }
.topMenu { margin:0; padding:0; float:right; }
.topMenu li { list-style:none; display:inline-block; margin:0 10px; }
.topMenu li.searchForm { margin-top: -5px; }
.topMenu li.searchForm input:focus { outline:none; }
.headerRightTopBar { margin-top:18px; }
.topMenu li.date { font-weight:300; font-size:14px; margin-right: 30px; }
.topMenu li.language { font-size:14px; color:#a28f2b; }
.quick-enquiry { height:40px; padding:15px 20px; display:block; font-size:22px; color:#fff; width:120px; text-align:center !important; display:block; }
ul.menu-list > li.quick-enquiry { margin:0px; margin-left:30px; padding:0px; }
.quick-enquiry a { color:#fff !important; font-size:18px; background:#7ac143 !important; height:32px; border-radius:0px !important; line-height:23px  }
.quick-enquiry a:hover { background:#d4d4d4 !important; color:#fff !important; }
.socialMedia { float:right; position:absolute; right:0; top:0px; color:#FFF; z-index:9999 }
.socialMedia li { list-style:none; text-align:center; padding:13px 15px; cursor:pointer; height:49px; }
.socialMedia li.fb { background:#3b579d; }
.socialMedia li.fb:hover { background:#24418a; }
.socialMedia li.twit { background:#1ab2e8; }
.socialMedia li.twit:hover { background:#0c95c5; }
.footerMainMenu { margin:0; padding:0; ; margin-bottom:0px; font-size:14px; }
.footerMainMenu li { display:inline-block; margin:0 10px; font-weight:300; }
.footerMainMenu a { color:#FFF; text-decoration:none; }
.footerCopyRight { margin:0; padding:0; text-align:center; font-size:14px; }
.footerCopyRight li { display:inline-block; margin:0 2px; color:#e7e7e7; font-weight:300; }
.footerCopyRight a { color:#e7e7e7; text-decoration:none; }
.header { position: fixed; top: 0; left: 0; width: 100%; background:#474b4f; z-index: 1000; height: 69px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; text-align:center; /*-webkit-box-shadow: #666 0px 2px 4px;
-moz-box-shadow: #666 0px 2px 4px;
box-shadow: #666 0px 2px 4px;*/ }
.header.shrink { height: 56px;  /*line-height:20px;border-bottom:1px solid #e6e4e4*/ }
.header h1 { font-size:30px; font-weight:normal; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.header.shrink h1 { font-size:24px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.bannerWrap { margin-top:0px; }
.header.shrink .socialMedia { }
.header.shrink .headerRightTopBar { display:none; }
.header.shrink .navbar-brand { padding-top:6px; padding-bottom:2px; }
.header.shrink .headerRightTopBar { margin-top: 9px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.header.shrink .navbar-collapse { margin-top: 19px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.logoSmall { display:none; }
.header .logoBig img { -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s;  width:100%;  margin-top:9px; }
.header.shrink .logoBig img { max-height: 60px;  margin-top:4px; }
.navbar-brand { padding-top: 1px; padding-bottom:1px; }
.header.shrink .navbar-brand { padding-top: 4px; }
.header.shrink .logoSmall { display:block; }
.header.shrink .socialMedia { display:none; }

/*======EXPAND SEARCH BOX=============*/
.searchForm { width:200px;float:right;width:170px; }
.search-form .form-group { float: right !important; transition: all 0.35s, border-radius 0s; width: 32px; height: 28px; margin-bottom:0; }
.search-form .form-group input.form-control { padding-right: 25px; border: 0 none; background: transparent; box-shadow: none; display:block;  color:#bdbebe; font-weight:300; font-size:14px; height:28px ;background:#FFF;color:#363636;}
.search-form .form-group input.form-control::-webkit-input-placeholder {
}
.search-form .form-group input.form-control:-moz-placeholder {
/* Firefox 18- */

}
.search-form .form-group input.form-control::-moz-placeholder {
/* Firefox 19+ */

}
.search-form .form-group input.form-control:-ms-input-placeholder {
}
/*.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100%;
  border-radius: 4px 25px 25px 4px;
}*/

.search-form .has-feedback-clicked, .search-form .has-feedback-clicked { width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border: 1px solid #8a8a8b; }
.search-form .form-group span.form-control-feedback { position: absolute; top: 0px; right: -2px; z-index: 2; display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; color: #e5e5e5; left: initial; font-size: 14px; background:#7ac043;}
.searchForm .glyphicon { }
 input:focus::-webkit-input-placeholder {
color:transparent;
}
input:focus:-moz-placeholder {
color:transparent;
} /* FF 4-18 */
input:focus::-moz-placeholder {
color:transparent;
} /* FF 19+ */
input:focus:-ms-input-placeholder {
color:transparent;
} /* IE 10+ */
textarea:focus::-webkit-input-placeholder {
color:transparent;
}
textarea:focus:-moz-placeholder {
color:transparent;
} /* FF 4-18 */
textarea:focus::-moz-placeholder {
color:transparent;
} /* FF 19+ */
textarea:focus:-ms-input-placeholder {
color:transparent;
} /* IE 10+ */
.contactSubmitFeild input { cursor:pointer; background:none; border:1px solid #bea834; }
.contactSubmitFeild input:hover { background:#bea834; border:1px solid #aa9319; color:#FFF; }
ul#demo-menu>li.searchForm{margin-right:0;}
/*=======EXPAND SEARCH BOX============*/

/*STICKY HEADER*/	
.socialMediaWrap { }
.socialMediaWrap { position:absolute; width:45px; min-height:50px; right:0px; z-index:9; top:100px; }
.socialButtonWrap { margin:0; padding:0; }
.socialButtonWrap li { width:45px; height:45px; text-align:center; font-size:22px; border-top:1px solid #3e4041 }
.socialButtonWrap li:first-child { border:0px; }
.socialButtonWrap li a { display:block; width:45px; color:#7ac143; line-height:45px; background:#474b4f; }
.socialButtonWrap li a:hover { background:#7ac143; color:#fff }
body { position:relative; max-width:100%; }
.quickContactCap { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: tb-rl; display:inline-block; color:#FFF; font-size:13px; }
.languageArabic { font-family: 'Droid Arabic Naskh', serif; font-size:17px; font-family: 'ge_ss_twolight'; }
h2 { color:#114c95; font-weight:400; font-size:30px; }
/*========HOVER ZOOM ANIMATION========*/  
.divisionImg { background-size: 100% 100%; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; background-position: center; }
.divisionHovered .divisionImg { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);/*filter: url(grayscale.svg)*/ filter: gray; background-size: 110% 110%; }
.copyRight { text-align:right; font-size: 14px; color:#464646 }
.header.shrink .headerRightWrap { margin-top:24px; }

.button { font-size:20px; text-transform:uppercase; border:2px solid #0f8ad2; padding:5px 15px; color:#0f8ad2; min-width:132px; text-align:center; display:inline-block; margin-top:15px; line-height: 27px; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; }
.shrink .navbar-right>ul#demo-menu>li>a { color:#000; }
.shrink .loginMenu { display:none; }
.bannerWrap .button { color:#FFF; }
.button:hover { background:#128fd9; color:#FFF; }
.loginMenu { float:right; margin:0; padding:0; margin-top:4px; margin-bottom:2px; height:30px; }
.loginMenu li { display:inline-block; margin-left:10px }
.loginMenu .twitterFollow a { font-size:22px; color:#0f8ad2; font-weight:700; line-height: 20px; }
.loginMenu .twitterFollow a:hover { color:#1592dc !important; }
.navbar-right { clear:both; }
.menu-block { height:53px; }
.footerTopMenuWrap { text-align:left; background:url(../images/footer_bg.png) center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top:15px; padding-bottom:20px; }
.footerMenuLinks li { list-style:none; margin-bottom:7px; }
.footerMenuLinks li a { color:#FFF; font-size:14px; font-weight:300; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.footerMenuLinks li a:hover { padding-left:10px; color:#f1f0f0; }
.footerMenuLinks h4 { color:#0f8ad2; margin-top:22px; margin-bottom:17px; }
/*image gallery*/

/*banner slider*/
/*.carousel-inner > .item { min-height:470px; }*/
#main-slider { position: relative; margin-top:68px; }
#main-slider .carousel h2 { }
#main-slider .carousel .btn { border: 1px solid #fff; color: #fff; border-radius: 0; margin-top: 5px; }
#main-slider .carousel .btn:hover { background-color: rgba(245, 124, 17, 0.6); }
#main-slider .carousel .boxed { display: inline-block; margin-left:2px }
#main-slider .carousel .boxed a { color:#fff; font-size:16px; padding: 7px 25px; background-color:#7ac143; text-decoration:none }
#main-slider .carousel .boxed a:hover { background:#393c3f }
#main-slider .carousel .item { background-position: 50%; background-repeat: no-repeat; background-size: cover; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; }
#main-slider .carousel .item:first-child { top: auto; position: relative; }
#main-slider .carousel .item.active { opacity: 1; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; z-index: 1; }
#main-slider .prev, #main-slider .next { position: absolute; top: 50%; background-color:#474b4f ; color: #fff; display: none;  font-size: 24px; height: 30px; width: 30px; line-height: 30px; text-align: center;  z-index: 5; }

#main-slider .prev:hover, #main-slider .next:hover { background-color:#7ac143 }
#main-slider .prev { left: 10px; }
#main-slider .next { right: 10px; }
#main-slider .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; }
#main-slider .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; }
#main-slider .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; }
#main-slider .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; }
.carousel-indicators li { width:14px; height:14px; border:2px solid #fff }
.carousel-indicators .active { background-color:#7ac143; width:14px; height:14px; margin:1px }
.carousel-content { margin-top:120px; }
.carousel-content h2 { color:#131313; font-size:42px; line-height:56px; font-weight:100 }

.carousel-inner  .bannerHeight {/* min-height:470px; height:100%;*/ text-align:center   }
.carousel-inner  .bannerHeight img{ width:100% }

.midle-main { display:block; padding:55px 0; }
.section1 { /*background:url(../images/bg1.jpg) center top no-repeat; background-size:cover;*/ padding:0 0 10px; display:block }
.section1 h2 { font-size:34px; color:#7ac143; text-align:center; font-weight:400 }
.section1 h1 { font-size:34px; color:#7ac143; text-align:center; font-weight:400 }
.list-img { display:block; position:relative; overflow:hidden }
.list-img img { width:100%; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; }
.list-img:hover img { -webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25); }
.sec-col { padding:5px }
.row-sect1 { margin-left:-5px; margin-right:-5px }
.list-img .caption { position:absolute; left: 0; right:0; bottom:0; height:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.list-img .caption h2 { margin:0px; font-size:28px; text-transform:uppercase; color:#fff; text-align:left; position:absolute; bottom:0px; padding:28px 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.list-img:hover h2 { padding-bottom:50px }
.list-img .caption:hover { background-color: rgba(122, 193, 67, 0.8); height:100% }
.section2 { padding:10px 0; display:block }
.section2 .sec-col { padding:0 7px !important }
.section2 .row-sect1 { margin-left:-7px; margin-right:-7px }
.section2 h2 { color:#7ac143; font-size:34px; font-weight:300 }
.news-block { padding-right:40px; display:block }
.news-block .date { color:#676767; font-size:13px; }
.news-block h4 { color:#4f5457; font-size:16px; line-height:22px; font-weight:400;height:43px;overflow:hidden; }
.news-block p { font-size:15px; color:#181819; font-weight:300; padding-top:12px; }
.news-block .readmore { color:#7ac143; font-size:15px; font-weight:400; text-decoration:none }
.news-block .readmore:hover { color:#393c3f }
.news-img { display:block }
.news-img img { width:100% }
.article1 { display:block; padding-top:10px; }
.article1 h2 { color:#7ac143; font-size:34px; font-weight:300 }
.section-inner { padding:0 45px; display:block; margin:0 auto }
.section-inner .block { display:block; float: left; width:20%; text-align:center }
.section-inner .block h3 { color:#3c4043; font-size:18px; }
.section-inner .inn-block { max-width:163px; width:100%; height:139px; border:1px solid #474b4f; text-align: center; padding:20px 0; margin:0 auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.section-inner .block:hover .inn-block { background:#7ac143; border:1px solid #7ac143 }
.footer-menu-main { display:block; padding-bottom:20px; }
.ftr-menu { display:block }
.ftr-menu h3 { color:#7ac143; font-size:18px; }
.ftr-menu ul li a { color: #acb3bb; font-weight:300; font-size:14px; line-height:29px; text-decoration:none }
.ftr-menu ul li a:hover { color:#7ac143; }
.client1 { max-width:185px; width:100%; float:left }
.client2 { float:left; max-width:95px; width:100%; }
.client1 img, .client2 img { max-width:100% }
.footer-bottom { display:block; background:#393c3f; color:#aeb1b3; font-size:14px; padding:15px 0; text-align:center; font-weight:300 }
.footer-bottom ul { display:table; margin:0 auto; }
.footer-bottom ul li { float:left; margin-right:5px; }
.footer-bottom ul li a { padding-left:5px; text-decoration:none; color:#aeb1b3; }
.footer-bottom ul li a:hover { color:#7ac143 }
.social-footer { display:none; margin:15px 0 50px 0 }
.social-footer ul li { float:left; }
.social-footer ul li a { color:#fff; background:#7ac143; padding:4px 0px; margin-right:3px; width:30px; text-align:center; display:block }
.social-footer ul li a:hover { color:#fff }
/*......products page.................*/

.inner-main { margin-top:90px; }
.breadcrumbsWrap { display:block; padding-bottom:30px; padding-top:4px; }
.breadcrumbsWrap .breadcrumbs li { padding:0 4px; float:left; font-size:13px; font-weight:300 }
.breadcrumbsWrap .breadcrumbs li:first-child { padding-left:0px; }
.breadcrumbsWrap .breadcrumbs li span.brc-expand { background: rgba(0, 0, 0, 0) url(../images/arrow1.png) no-repeat scroll left 1px; display: inline-block; height: 11px; margin-left:3px; width: 10px; }
.breadcrumbsWrap .breadcrumbs li a { color:#737373; font-size:13px; text-decoration:none }
.breadcrumbsWrap .breadcrumbs li a:hover { color:#79bc28 }
.breadcrumbsWrap .breadcrumbs li.current { color:#333 }
.side-block { display:block; padding-right:40px; }
.side-block h2 { color:#7ac143; font-size:26px; font-weight:400; margin-top:0px; text-transform:uppercase; border-bottom:1px solid #7ac143; padding-bottom:6px; margin-bottom:10px }

.prdocts-main { border-top:1px solid #e6e6e6; padding-top:28px; }
.product-item { border:1px solid #e6e6e6; min-height:210px; text-align:center; padding:12px 0 }
.product-item:hover { border:1px solid #7ac143 }
.prdName { color:#2b2a2a; font-size:14px; padding-top:10px; text-decoration:none !important;height:50px;overflow:hidden; }

.product-item:hover .prdName { color:#7ac143; text-decoration:none !important }
.product-item:hover .prdName a{text-decoration:none !important }
.prdRow { margin-left:-8px; margin-right:-8px; }
.prd { padding-left:8px; padding-right:8px; padding-bottom:16px }
.nav, .nav ul, .nav li { list-style: none; }
.nav ul { padding: 0; margin: 0 0 0 18px; }
.nav { padding: 0px; margin: 0px; }
.nav > li { margin: 4px 0; }
.nav > li li { margin: 2px 0; }
.nav a { color: #333; display: block; outline: none; text-decoration: none; }
.nav li > a > span { float: right; font-size: 19px; font-weight: bolder; }
.nav li > a:hover > span { color: #fff; }
.nav li > a > span:after { content: '\f067'; color:#7ac143; font-family:'FontAwesome'; }
.nav li.open > a > span:after { content: '\f068'; }
.nav a:hover, .nav li.active > a { color: #f5f5f5; }
.nav > li.active > a { background-color: transparent }
.nav li a { font-size: 12px; line-height: 18px; padding: 2px 0px; }
.nav > li > a { font-size: 14px; line-height: 20px; padding: 4px 0px; }
#sidebarExpand > li { color:#2e2e2e; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ overflow:hidden; border-bottom:1px solid #ededed; padding-bottom:5px }
#sidebarExpand > li a { font-size:16px; color:#5d5d5d }
#sidebarExpand > li >a:hover { background: none; transition:background-color ease-out 0.4s; -moz-transition: background-color ease-out 0.4s; -o-transition: background-color ease-out 0.4s; transition: background-color ease-out 0.4s; color:#7ac143 }
#sidebarExpand > li.active.open a { background:none }
#sidebarExpand > li.active.open { background:none; }
#sidebarExpand > li ul { margin:0; margin-top:8px }
#sidebarExpand > li ul li { }
#sidebarExpand > li > ul > li > a { color: #000000; font-weight: 300; font-size: 14px; padding: 4px 0px; padding-right:40px }
#sidebarExpand > li ul a { padding-left:35px; }
#sidebarExpand span.cartIcon { display:inline-block; position:absolute; width:25px; right:0; top:0; height:100%; z-index:1; padding-top: 8px; text-align:center; }
#sidebarExpand li { position:relative; }
#sidebarExpand > li.active > a { }
#sidebarExpand > li.active.open > a { color:#7ac143 }
#sidebarExpand > li li { margin:0px; }
#sidebarExpand > li li:first-child { }
#sidebarExpand > li li:last-child { border-bottom:0px }
#sidebarExpand > li a.currentMenu { color:#7ac143; }
#sidebarExpand > li ul li, #sidebarExpand > li ul li a.currentMenu { }
#sidebarExpand > li > a.selected {  color:#7ac143 }
#sidebarExpand > li ul li span.cartIcon { font-size:12px; color:#8c8b8b; padding-top:3px; }
#sidebarExpand > li ul li span:after { color:#8c8b8b; }
#sidebarExpand > li > ul > li > a { padding:4px 8px; color:#474b4f; margin-bottom:3px }
#sidebarExpand > li > ul > li > a:hover, #sidebarExpand > li > ul > li > a:focus { background:#e9e9e8 !important; }
#sidebarExpand > li > ul > li > ul > li { padding-left:10px; }
#sidebarExpand > li > ul > li > ul > li > a { padding:3px 8px; margin-bottom:3px; font-size:13px; color:#8c8b8b }
#sidebarExpand > li > ul > li > ul > li > a:hover, #sidebarExpand > li > ul > li > ul > li > a:focus { background:#a1a29f !important; color:#fff }
#sidebarExpand > li ul > li > ul {  margin-bottom:10px }
/*......products page.... end.............*/

.right-sect { float:left !important; padding-left:0px; }
.left-sect { float: right !important }
.prd-detail { display:block }
.product-view { padding-bottom:30px; display:block }
.product-view ul { padding:20px 0 }
.product-view ul li { background:url(../images/list1.jpg) left 9px no-repeat; padding-left:20px; font-size:15px; color:#474b4f; line-height:28px; padding-bottom:12px }
.product-view .owl-buttons{ position:absolute; top:40%; width:100% }
.product-view .owl-controls .owl-buttons div{ background:#7ac143; padding:0 7px}
.product-view .owl-controls .owl-buttons div i{ color:#fff}
.product-view .owl-controls .owl-buttons div.owl-prev{ position:absolute; left:15px}
.product-view .owl-controls .owl-buttons div.owl-next{ position:absolute; right:15px}
 
.product-view .owl-pagination { display:table; margin:0 auto;}
.product-view .owl-controls .owl-page{ background:#333; width:13px ; height:13px; float:left; margin:0 2px ;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.product-view .owl-controls .owl-page.active{ background:#7ac143; width:13px ; height:13px; }

.prd-name { color:#7ac143; font-size:30px; font-weight:500 }
.prd-detail-box { padding-top:45px }
.prd-detail-box ul{ padding:0px !important}
.prd-detail-box h2 { color:#474b4f; font-size:18px; font-weight:normal }
.prd-specification { display:block; font-weight:300 }
.prd-specification h2{ color:#7ac143; font-size:20px; font-weight:normal; margin-bottom:5px}
.tab-pane { padding:20px 0 }
.prd-specification p { color:#474b4f; font-size:15px; line-height:26px; padding-top:10px }
.prd-specification .tab-pane { min-height:300px }
.prd-specification .tab-pane ul li { background:url(../images/list1.jpg) left 9px no-repeat; padding-left:20px; font-size:15px; color:#474b4f; line-height:28px; padding-bottom:12px }
.prd-specification .nav li { display:block; border-bottom:2px solid transparent; margin:0 8px -2px 0 }
.prd-specification .nav li a { font-size:16px; color:#474b4f; border:0px; padding:5px 12px 10px }
.prd-specification .nav li a:hover, .prd-specification .nav li a:focus { color:#7ac143; border:0px; background-color:transparent }
.prd-specification .nav li:hover, .prd-specification .nav li.active { border-bottom:2px solid #7ac143 }
.prd-specification .nav li.active a { color:#7ac143; } 
.prd-specification .tab-pane h3 { background:#7ac143; font-size:18px;cursor:pointer; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding:9px 12px; font-size:15px; color:#56595b }
.package-item { text-align:center }
.package-item .img1 { border:1px solid #dedcdc }
.package-item h4 { color:#474b4f; font-size:16px }
.down-img { max-width:100px; width:100%; float:left; padding-right:25px; margin:5px 0 }
.down-img { width:100% }
.down-det { float:left; padding-top:15px; max-width:350px; width:100% }
.down-det h4 { color:#7ac143; font-size:18px }
.file-size { display:block; padding-top:10px; }
.file-size span { padding-right:15px; color:#56595b; font-size:14px; }
.date-down { float:right; margin-top:30px; text-align:right }
.date-text { color:#56595b; font-size:15px; font-weight:400 }
.download { height:40px; margin-top:15px; }
.download a { background:url(../images/download-button.png) left 3px no-repeat; padding-left:30px; color:#7ac143; font-size:15px; line-height:30px; display:block; height:40px; text-decoration:none ; text-align:left}
.down-list { padding-bottom:5px; border-bottom:1px solid #DDD; padding-top:5px }
.down-list::after { clear:both; content:""; display:table }
.related-product { display:block; padding-top:25px; }
.related-product h3 { color:#1c1c1c; font-size:20px }
.related-item { border:#dedcdc 1px solid; min-height:265px; padding:15px 0; text-align:center }
.related-item h4 { color:#474b4f; font-size:16px; }
.related-item .img { display:block }
/*.related-item .img img{ width:100%}*/
.related-row { margin-left:-5px; margin-right:-5px }
.col-rel { padding-left:5px; padding-right:5px; }
.solution { display:block }
.solution .Inbanner { height:240px; background-size: cover !important; position:relative }
.solution .Inbanner .caption { color:#ffffff; font-size:24px; background:#7ac143; background:rgba(122, 193, 67, 0.8); position:absolute; bottom:0px; text-transform:uppercase; padding:6px 22px; }

.solution h2{ color:#7ac143}
.inner-solution { margin-top:21px }
.left-in { padding-left:0px; }
.right-in { padding-right:0px; }
.prd-rht-none { padding-right:0px !important }
.solution-inner { display:block; padding-top:40px; min-height:320px }
.solution-menu { padding-top:60px; padding-bottom:80px; }
.solution-inner p { font-weight:300; font-size:15px; color:#1d1d1d; line-height:28px; padding-bottom:15px; }
.pImage { float:right; padding-left:20px }
.solution-inner h3 { color:#7ac143; font-size:22px }
.solution-inner h4 { color:#474b4f; font-size:18px }
.solution-inner h5{font-size:15px; color:#333; margin-top:10px;  margin-bottom:15px}
.solution-inner ul{ padding-left:15px}
.solution-inner ul li{ font-weight:300; font-size:14px;background:url(../images/arrow-li.jpg) left 5px no-repeat; padding-left:15px; padding-bottom:0px; line-height:24px}
.nav-tabs{ padding:0px !important;}
.nav-tabs li{ background-image:none !important; padding:0px !important}
.download-block { display:block; padding:20px 0 }
.download-block .text { color:#7ac143; font-size:24px; max-width:150px; width:100%; float:left }
.downloaded { background:url(../images/download.jpg) left 2px no-repeat; padding-left:40px; font-size:16px; color:#6d7276; float:left; display:block; height:38px; line-height:32px }
.Inbanner2 { height:230px; background-size: cover !important; position:relative }
.Inbanner2 .caption { color:#ffffff; font-size:24px; background:#7ac143; background:rgba(122, 193, 67, 0.8); position:absolute; bottom:0px; padding:6px 22px; text-transform:uppercase; }
.online-form { display:block; padding-top:20px; }
.online-form label { font-weight:400; font-size:15px; color:#5a5b5d }
.online-form .form-group { padding-bottom:10px; }
.online-form .form-control { box-shadow:none; font-size:13px; background:#ececec; border:1px solid #d6d6d6 }
.online-form textarea { height:80px; resize:none }
.online-form .captcha { max-width:350px }
.captcha .code { width:105px; float:left;  }
.captcha .code img{ width:100%; height:34px}
.captcha .refresh {  float:left; margin: 2px 15px; font-size:20px; cursor:pointer; color:#474b4f  }
.captcha .input1 { width:120px; float:left; margin-right:15px }
.online-form .submit { background:#7ac143; font-size:16px; text-transform:uppercase; border:0px; padding-left:20px; padding-right:20px; height:36px }
.online-form .submit:hover { background:#474b4f; }
.contact { display:block }
.contact h3 { font-size:18px; }
.contact address { color:#474b4f; font-size:15px; font-weight:300; line-height:26px }
.contact address span { font-weight:500 }
.loaction-map { display:block; }
.loaction-map img { width:100% }
.address { display:block; padding-left:0px !important; float:left }

.address li { display: table; color:#474b4f; font-size:14px; margin-bottom:10px; line-height:34px; max-width:210px; width:100%; float:left ; background-image:none !important; padding-left:0px !important; font-weight:400 !important}
.address li a { color:#474b4f; line-height:34px }
.address li i { width:32px; height:32px; border:1px solid #d7d7d7; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; text-align:center; float:left; margin-right:10px; color:#7ac143; line-height:32px; font-size:15px; webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.address li i.fa-mobile-phone { font-size:23px }
.address li:hover i { background:#7ac143; color:#fff; border:1px solid #7ac143 }

.address li ul{ float:left ; width:100%; max-width:150px; padding-left:0px !important}

.news-pblock { display:block; margin-bottom:20px; }
.news-img-thumb { display:block; overflow:hidden }
.news-img-thumb img { width:100% }
.news-text { display:block; padding:10px; background:#ebeee8; height:110px; }
.news-text h4 { color:#626263; font-size:15px; line-height:24px; margin-top:5px }
.date-news { font-size:14px; color:#7ac143; padding-left:20px; background:url(../images/clock.png) left 2px no-repeat }
.news-pblock a { text-decoration:none }
.news-detail { display:block }
.news-detail h3 { font-size:20px }
.news-detail-view { display:block; padding-top:15px; } 
.news-big { max-width:420px; width:100%; float:left; margin-right:20px; }
.faq-main { display:block; padding-right:50px ; padding-bottom:10px}
.faq-main ul{ padding-left:0px !important}
.faq-main ul li { display:block; margin-bottom:10px; list-style: decimal !important; background-image:none !important; padding-left:0px !important }
.faq-main h4 { color:#474b4f; font-size:16px;  }
.faq-main ul li p { background:#f4f5f5; padding:8px 15px; line-height:26px }
.faq-main ul li .cartIcon { float:right; padding-top: 0px; text-align:center; height:35px; width:30px; background:#7ac143; margin-top:-7px; padding-top:8px; cursor:pointer }
.faq-main .heading{background:#ececec none repeat scroll 0 0}
.faq-main > ul > li > h4 { color:#474b4f; font-size:17px; padding:7px 0px 0px 15px; line-height:22px  }
.solution-menu .nav > li > a:focus{ background:none} 
.faq-main .heading:after{ content:""; clear:both; display:table}

.heading .cartIcon:after{ content: '\f067'; color:#fff; font-family:'FontAwesome'; }
/*.heading .icon-circle-arrow-up:before { content: '\f068'; color:#fff; font-family:'FontAwesome'; }
.heading .icon-circle-arrow-up:before .cartIcon{ display:none }*/

.expand { display:none; }
/*.video-blk-row { margin-left:-35px; margin-right:-35px }*/
.video-block { display:block; padding:0 0px 20px; width:95%  }
.video-block .video-text { display:block; padding:10px 15px; background:#ebeee8; height:60px; }
.video-block .video-text h4 { color:#626263; font-size:15px; line-height:24px; margin-top:5px }
.faq-main table { border:1px solid #ccc }
.faq-main .table > thead > tr > th { border:0px; background:#ccc; font-weight:400 }
.faq-main .nav li { margin:0 2px -2px 0 }
.faq-main .nav li a { font-size:17px; color:#474b4f; border:0px; padding:8px 15px; font-weight:400 }
.faq-main .nav li a:hover, .faq-main .nav li a:focus { color:#fff; border:0px; background-color:#7ac143 }
.faq-main .nav li:hover, .faq-main .nav li.active { color:#fff;  background-color:#7ac143 }
.faq-main .nav li.active a { color:#fff; }
.faq-main .nav-tabs { border-bottom: 2px solid #7ac143; }
.global-contact { display:block; border-top:1px dashed #ccc; margin-top:30px; padding-top:10px }
.global-contact h3 { color:#7ac143; }
.global-contact h5 { color:#474b4f; font-size:17px; margin-top:10px; margin-bottom:10px; border-bottom:1px dashed #ccc; width:90%; padding-bottom:10px }
.global-contact p { font-size:14px; color:#333; line-height:24px; font-weight:300 }
.global-contact .txt1 { font-size:14px; margin-bottom:5px; color:#7ac143; }
.cnt-block { margin-top:10px; font-size:14px; color:#474b4f; line-height:26px }
.cnt-block ul{ overflow:hidden}
.cnt-block span { color:#666; width:58px; float:left }
.cnt-block a { color:#474b4f; }
.adr-block { display:block; }
.cnt-row { display:block; padding-bottom:20px }
.cnt-row::after { clear:both; display:table; content:"" }
.errorPage{ min-height:500px; padding-top:90px;}
.search-block{ background:#f4f4f4 none repeat scroll 0 0; padding:5px 15px; margin-bottom:10px}
.readMoreBtn{ font-size:14px;}
.solution h2 span{ line-height:24px !important}
h3.innerCaption{ font-size:24px; text-transform:uppercase; color:#7ac143}
.green{ color:#7ac143 }
.online-form label.error { font-weight:normal; display:none !important; }
.online-form input.error { border:1px solid #df3333; }
.online-form textarea.error { border: 1px solid red !important; }
.tab-pane .table p{ padding:0px ; margin:0px}
.nav > li > a:focus{ background-color:transparent}
/*......mobile.......*/

.Mobilebanner{ display:none}
.marginTopNone{margin-top:0 !important;}

/*......table menu style......*/ 
.tab-pane table p{ padding:0px ; margin:0px}
.prdocts-main .tab-pane table { min-height:0.01%; overflow-x:auto; width:100% !important; margin-top:12px}
.prdocts-main .tab-pane table > tbody > tr:nth-of-type(2n+1){ background-color:#f9f9f9 ;border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8}
.prdocts-main .tab-pane table > tbody > tr > td { padding:6px 12px; }
.languageArabic_res{display:none;}
.loginMenu li.languageArabic{color:#FFF;}
.loginMenu li.languageArabic .langEnglish{font-family: 'Roboto', sans-serif;}
.loginMenu li.languageArabic .langarabic{font-family: 'ge_ss_twolight';}

/*SEARCH WRAPPER*/
.form-group.has-feedback{width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border: 1px solid #595959;}
.Inbanner2 #gMap{width:100%;height:230px;}
/*SEARCH WRAPPER*/

#searchDiv{
   position: absolute;
   right: 0;
   top: 0;
   z-index: 9;
   width: 28px;
   height: 28px;    
   cursor:pointer;    
}
.inner-main{word-wrap: break-word;}
.popupDownload .row{margin-left:0;margin-right:0;}
.down-list.withCategory{border-bottom:none;}
.downloadWrapper .down-list {border-bottom:none;}
.downloadWrapper { /*border-bottom: 1px solid #DDD;*/margin-bottom:20px;margin-top:30px;}
.downloadWrapper > h3{margin-top:0;background:#9b9b9b;color:#FFF !important;padding:5px 10px;}

@media only screen and (min-width : 1025px) and (max-width : 1199px) {
.header .logoBig img { width:100% !important }
.navbar-logo { max-width:160px }
.container{ width:100%}
.menu-block{ padding-left:0px}

}
 @media only screen and (min-width : 768px) and (max-width : 1024px) {
#main-slider {  margin-top:90px; }
.header .logoBig img { width:100%; max-width:200px }
.menu-block { padding-left:0px; margin-top:12px; }
.quick-enquiry { width:103px; margin-left:5px !important }
.quick-enquiry a { font-size:16px; background:#7ac143; height:40px; }
.menu-block { height:40px; }
.carousel-inner > .item { height:270px; }
.carousel-content h2 { font-size:30px; line-height:40px; }
.section1 h2 { font-size:32px; }
.list-img .caption h2 { font-size:22px; }
.client1 { max-width:120px }
.client2 { max-width:60px }
ul.menu-list > li.quick-enquiry { margin:0px }

.sec-col { padding-top:10px; }
.headerRightWrap { }
.header { height:auto }
.section2 h2 { font-size:30px; }
.side-block { padding-right:0px; }
.pImage { max-width:50% }
.solution .Inbanner .caption { font-size:26px; }
.solution-inner h3 { font-size:22px }
.solution-inner h4 { font-size:16px }
.logo-block { padding-left:0px; }
.header.shrink .logoBig img { width:130px }
.navbar-right{ float:left !important}
.Inbanner2 .caption{ font-size:21px}
.socialMediaWrap{ width:38px;}
.socialButtonWrap li{ width:38px; height:38px}
.socialButtonWrap li a{width:38px; line-height:38px}
.faq-main{ padding-right:0px;}
.header.shrink{ height:auto}
.mobileBanner{ height:420px !important;}
.fa-block{ float:left; width:80%}
.breadcrumbsWrap{ padding-bottom:15px}
.prd-detail-box h3{ line-height:28px !important; font-size:18px}
.online-form{ padding-top:0px}
.down-img{ max-width:100px; float:left}
.down-det{ max-width:230px}
#main-slider .prev { left: 40px; }
#main-slider .next { right: 40px; }
#main-slider .prev, #main-slider .next{ display:none !important}

}

@media only screen and (min-width : 992px) and (max-width : 1024px) {
	 
ul.menu-list > li > a{ padding:5px 10px}	
 
 }

@media only screen and (min-width : 768px) and (max-width : 991px) {
.news-block .date{ padding-top:15px}
.online-form .form-group{ padding:0px; margin-bottom:0px}
.online-form .form-control{ margin-bottom:15px}
.down-det{ max-width:150px}
.prd-specification .nav li a{ padding:5px 4px 10px; font-size:14px}
.down-det h4 { font-size: 15px;line-height: 22px;}
.searchForm{ width:116px}
 }

@media (max-width: 991px) {
ul.menu-list > li { padding:0px 0px }
.container { width:95% }
.section-inner .block { width:33.3333%; margin-bottom:20px; }
.ftr-menu h3 { font-size:16px; }
.side-block { padding-right:0px; }
.side-block h2 { font-size:22px; }
.col-rel { margin-bottom:20px; }
.headerRightWrap { float:none }
.header.shrink{ height:auto}
ul.menu-list > li > a{ padding:5px 10px}
.fa-block{ float:left; width:80%}
.adr-block{ height:auto; margin-bottom:20px}
.tr1{ width:80%; float:left; padding-bottom:5px}

}
@media (min-width: 1200px) {
.container { width: 1212px; }
ul#demo-menu>li>a{margin-bottom:0px;}
.midle-main{padding-top:10px;}
.midle-main.inner-solution{padding-top:47px;}
.footer-bottom{position:relative;}
.web-design-dubai{position:absolute;right:32px;top:18px;}

}
 @media (min-width: 1350px) {
.container { width: 1300px; width:100%; padding-left:60px; padding-right:60px; }
}

@media (min-width: 768px) {
.navbar-right .dropdown-menu { left: 0; right: auto; }
.dropdown-submenu > .dropdown-menu { right:auto; left:100%; }
.navbar-nav>li>a { padding-top:8px; padding-bottom:8px; }
}

/* iPad in landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
}

/* iPad in portrait----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
	ul.menu-list > li > a{padding: 5px 8px;}
}

.prd-name{ font-size:26px}

@media (max-width: 767px) {
.socialMediaWrap { display:none }
.social-footer { display: block }
.menu-block { background:none }
.header.shrink { display:none }
.news-block { padding-right:0px }
.logo-block { padding-left:0px; }
.header .logoBig img { width:120px; }
.menu-toggle-button { margin-top:0px; right:0px}
.loginMenu { margin-right:20px; margin-top:15px; padding-right:50px }
.searchForm {  display: none }
.loginMenu li { margin:0 6px }
.menu-block { background: none !important; height:auto; padding-left:20px; padding-right:20px; }
ul.menu-list > li.quick-enquiry { margin:0px; }
.quick-enquiry { height:auto; width:auto; text-align:left !important; }
.quick-enquiry a { height:auto; font-size:17px; padding-left: 15px !important; }
.carousel-content h2 { font-size:26px; line-height:40px; }
.carousel-inner > .item { height:250px; }
.news-block .date { padding-top:10px }  
.sec-col { margin-bottom:15px; }
.article1 h2 { font-size:26px;  }
.section-inner { padding:0px; }
.section-inner .block { width:100% }
.ftr-menu h3 { margin-bottom:7px }
.ftr-menu { padding-bottom:15px }
.client1 { max-width:120px }
.client2 { max-width:70px }
.footer-bottom { padding:15px 20px; text-align:left !important }
.inner-main { margin-top:70px }
.left-sect { float: none !important }
.right-sect { float: none !important }
.side-block { padding-top:35px; }
.breadcrumbsWrap { margin-bottom:15px }
.container { max-width:100%; width:100% }
.prd-specification .nav li { width:100% }
.inner-main { padding-top:34px; }
.prd-rht-none { padding-right:15px !important; }
.right-in { padding-right:0px; }
.left-in { padding:0 }
.date-down { float:left; text-align:left }
.inner-solution { padding-top:0px; }
.download-block .text { font-size:20px; }
.downloaded { font-size:14px; }
.download-block { margin-bottom:20px; }
.header { height:auto }
.video-block { padding:0px }
.Inbanner2 .caption { font-size:25px }
.prd-rht-none { padding:0 !important }
.online-form .form-group { padding:0px; margin:0px; }
.online-form .form-control { margin-bottom:20px }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ padding:8px 10px}
.faq-main{ padding-right:0px;}
.prd-specification .nav li{ border-bottom:0px; margin-bottom:4px}
.faq-main .nav li { width: auto; float:left }
.faq-main .nav li a{ padding:8px 10px}
#main-slider{ margin-top:50px}
.desktopBanner{display:none !important}
.breadcrumbsWrap{ padding-bottom:0px}
.prd-detail-box h3{ font-size:18px}
.right-sect{ padding-left:15px}
.section2 h2{ text-align:center; font-size:26px}
.row-sect1{ margin-bottom:25px;}
.address{ margin-bottom:30px}
.tr1{ line-height:22px}
.loginMenu{ margin-right:0px}
.carousel-indicators{ display:none !important}
 #main-slider .prev, #main-slider .next{ display:block}

}

@media (max-width: 550px) {
.pImage { width:100%; float:left; padding-left:0px; }
.inner-solution { padding-top:0px; }
.loginMenu li.searchForm{display:none;}
.loginMenu li.languageArabic{display:none;}
.languageArabic_res{display:block;padding:5px 4px;float:left;padding-top:15px;font-family: 'ge_ss_twolight';padding-left:22px; }
.languageArabic_res a{color:#FFF;}
ul#demo-menu>li.searchForm{display:none;}
.web-design-dubai{position:relative;text-align:center;color:#4d5155;font-size:10px;padding:10px;background:#393c3f;float:none !important;}

}

@media (max-width: 480px) {

.header{ height:90px}
 .Inbanner2 .caption { font-size:22px }
 
 .loginMenu{ clear:both; height: 15px;}
 .header {height: 64px;}
  #main-slider {margin-top: 64px;}
  .header .logoBig img{ margin-top:13px}
  .loginMenu{ margin-top:0px}
 
 
 }

@media (max-width: 390px) {
.view-more { display:none !important }
.carousel-content { background:rgba(121, 188, 40, 0.8); padding:5px 10px; margin-top:180px }
.carousel-content h2 { font-size:18px; line-height:26px; color:#fff; font-weight:normal; }
.section1 h2 { font-size:26px; }
.list-img .caption h2 { padding:28px 20px; font-size:25px; }
.section2 h2 { font-size:26px; }
.footer-bottom ul li { font-size:13px; line-height:22px }
.menu-toggle-button { }
.loginMenu { padding-right:0px }
.online-form .captcha { margin-bottom:10px }
.captcha::after { clear: both; content: ""; display: table; }
.online-form .submit { width:100% }
#sidebarExpand > li a { font-size:15px }
.carousel-inner > .item{ height:200px}
.client1{ max-width:110px;}
.client2{ max-width:47px}

}
    .about-container {
            background-color: #7ac143;
            color: white;
            padding: 0px 0px 50px 0;
            text-align: center;
        }

.about-container img {
            width: 80%;
            max-height: 450px;
            object-fit: cover;
            position: relative;
            margin-top: 50px;
        }

.about-container h2 {
            color: #fff;
            font-size: 36px;
            margin-top: 30px;
            text-align: center;
        }

.about-container .content {
            display: flex;
            justify-content: space-around;
            align-items: flex-start;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

.about-container .content p {
            font-size: 16px;
            line-height: 1.6;
            max-width: 500px;
            text-align: left;
        }

.about-container .content a {
            color: white;
            text-decoration: underline;
        }

.about-container .btn-container {
            /* margin-top: 20px; */
        }

.about-container .btn-container a {
            background-color: transparent;
            color: white;
            border: 2px solid white;
            padding: 10px 20px;
            text-transform: uppercase;
            font-weight: bold;
            text-decoration: none;
            border-radius: 4px;
            display: flex;
            margin: 10px auto;
            width: 40%;
            justify-content: center;
        }

.about-container .btn-container a:hover {
            background-color: white;
            color: #1e3dbd;
            transition: 0.3s;
        }

.backgroundwhite {
            height: 250px;
            width: 100%;
            background-color: #fff;
            position: absolute;
            z-index: 0;
        }

@media (max-width: 390px) {
	.languageArabic_res{padding-left: 12%;}

}
@media only screen and (max-width: 700px) {
	.about-container .content {
	    flex-direction: column; 
	}
	
	.about-container .btn-container a {
	    width: 70%;
	}
	.backgroundwhite{
	    height: 96px;
	}
	.about-container img {
	    width: 90%;
	}
	
	.about-container h2 {
        margin-bottom: 0;
	}
}

Cancel