Admin Control Panel v2.0

✎ Editing: main-ar.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; }
@font-face {
    font-family: 'droid_arabic_kufibold';
    src: url('../fonts/droidkufi-bold.eot');
    src: url('../fonts/droidkufi-bold.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/droidkufi-bold.woff2') format('woff2'),*/
         url('../fonts/droidkufi-bold.woff') format('woff'),
         url('../fonts/droidkufi-bold.ttf') format('truetype'),
         url('../fonts/droidkufi-bold.svg#droid_arabic_kufibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid_arabic_kufiregular';
    src: url('../fonts/droidkufi-regular.eot');
    src: url('../fonts/droidkufi-regular.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/droidkufi-regular.woff2') format('woff2'),*/
         url('../fonts/droidkufi-regular.woff') format('woff'),
         url('../fonts/droidkufi-regular.ttf') format('truetype'),
         url('../fonts/droidkufi-regular.svg.svg#droid_arabic_kufiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*  General CSS*/
/* body { background: #fff; font-family: 'ge_ss_twolight'; font-weight:400; font-size:17px; color:#212121; direction:rtl } */
body{font-family: 'droid_arabic_kufiregular';font-weight:400; font-size:17px; color:#212121; direction:rtl ;}
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  font-family: 'droid_arabic_kufibold';
  font-family: 'droid_arabic_kufiregular';

}
.faq-main .nav li a{font-size:16px;}
header nav ul li a{font-size:14px;}
.side-block h2{font-size:21px;}
#sidebarExpand > li a{font-size:14px;}

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 }
.navbar-logo{ float:left}
.menu-block{ padding-left:0px;}
.headerRightWrap{ float:right}
ul.menu-list > li.quick-enquiry{ margin:0px ; margin-right:30px}
.loginMenu{ float:right}

.languageArabic{font-family: 'Roboto', sans-serif; }
.loginMenu .languageArabic{ float:left}
.loginMenu .searchForm{ float:right}
.loginMenu li{ margin-left:0px}
.socialMediaWrap{ left:0 !important; right:auto}
.news-block{ padding-left:40px; padding-right:0px !important}

.left-sect{ float:left !important; padding-left:0px;}
#sidebarExpand span.cartIcon{ left:0 !important; right:auto !important}
.down-img{ float:right; padding-right:0px; padding-left:25px}
.date-down{ float:left !important; text-align:left !important}
.down-det{ float:right}
.owl-carousel{ direction:ltr} 
.breadcrumbsWrap .breadcrumbs li{ float: right}
.breadcrumbsWrap .breadcrumbs li span.brc-expand{ background: rgba(0, 0, 0, 0) url("../images/arrow1-ar.jpg") no-repeat scroll right 1px; margin-right:3px;  margin-left:0px;}
.side-block{ padding-right:0px; padding-left:40px}
.download-block .text{ float:right}
.downloaded{ background-position: right center; float: right;padding-right: 40px;}
.address li{ float:right}
.address li i{ float:right; margin-right:0px; margin-left:10px}
.address li ul{ float:right}
.cnt-block span{ float:right}
.online-form .captcha{ float:right}
.captcha .code{ float:right}
.captcha .refresh{ float:right}
.captcha .input1{ float:right; margin-left:15px; margin-right:0px }
.faq-main ul li .cartIcon{ float:left}
.news-big{ float:right; margin-right:0px; margin-left:20px 	}
.loginMenu .searchForm {float: left;}
.loginMenu .languageArabic {margin-left:4px;}

.search-form .form-group input.form-control{padding-left:36px;padding-right:5px;}
.search-form .form-group span.form-control-feedback{left:0;right:auto;}
.faq-main > ul > li > h4{padding-left:0;padding-right:15px;}
.faq-main{padding-right:0;padding-left:50px;}

.searchForm{ float:right }
#searchDiv{
   position: absolute;
   right: auto !important;
   left:0 !important;
   top: 0;
   z-index: 9;
   width: 28px;
   height: 28px;        
}

.news-block .date{direction: ltr;text-align: right;}
.prdName:lang(ar){font-family:arial;}

@media only screen and (min-width : 1025px) and (max-width : 1150px) {

}

@media only screen and (min-width : 992px) and (max-width : 1024px) {

}
 
@media only screen and (min-width : 768px) and (max-width : 991px) {
ul.menu-list > li.quick-enquiry{ margin-right:5px}
ul.menu-list > li > a{ padding:5px 10px !important}
ul.menu-list > li{}
}

@media (max-width: 991px) {
.headerRightWrap{ float:none}
header nav ul li a{ font-size:15px}

}

@media (max-width: 767px) {
.news-block{ padding-left:0px}
.video-block{ width:100%}
.social-footer{ float:right; margin:15px 0 10px}
.menu-block{ padding-right:0px}
ul.menu-list > li{ padding:0px !important}
.left-sect{ float:none !important}
ul.menu-list > li.quick-enquiry{ margin-right:0px}

}

/* 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 6px !important;}
}

@media (max-width: 550px) {
.languageArabic_res{float:left;padding-top:15px;font-family: 'droid_arabic_kufiregular';padding-left:4px;padding-right:22px;font-family: 'Roboto', sans-serif;font-size:13px; }

}

@media (max-width: 480px) {
	.quick-enquiry a{text-align: right;}
 }

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

Cancel