@charset "utf-8";
/* CSS Document */
body{ position: relative;}
* {	magin:0;
	padding:0;
	-webkit-box-sizing:  border-box;
	-moz-box-sizing:  border-box;
	box-sizing:  border-box;
}
html, body, table, th, td, tr, tbody, thead, thead, tfoot, dl, dt, dd, div, em, strong, b, i, sub, sup, ul, ol, li, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, blockquote, a, abbr, acronym, address, big, small, cite, code, del, dfn, font, ins, kbd, q, s, samp, strike, fieldset, form, label, legend, caption, main, section, header, footer, aside, hgroup {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:inherit;
	text-decoration:none;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
::-webkit-input-placeholder {
   color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ccc;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;  
}

:-ms-input-placeholder {  
   color: #ccc;  
}
body {
	font-size:13px;
}
strong, b {
	font-weight:bold;
	background:#fafbfb;
	padding: 8px 10px !important;
    margin: 10px !important;
    display: inline-block;
    border: 1px solid #ccc !important;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	outline:none;
}
i, em {
	font-style:italic
}

textarea {
	width:100%
}
select {
	width:100%
}
img {
	max-width:100%;
	vertical-align: top;
	border:none
}
ul, ol, li {
	list-style:none;
}
/**** RESET CLASSES
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------****/

#page-wrapper {
	background:#fff; text-align:center; width:auto;
}
.wrapper, main, .container {
	max-width:1170px;
	margin:auto; width:auto; text-align:center; padding:0px 15px;
}
main:after, .wrapper:after, footer:after, header:after, .container:after {
	content:"";
	display:block;
	clear:both;
}
/**** RESET LINKS
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------****/
a {
	text-decoration:none;
	color:#5c5d5d;
	font-size:16px;
	
}
a:hover, a:visited, a:focus, a:active {
	color:#5c5d5d; text-decoration:none;
}
input:focus {
	border:1px solid #999;
}
.search .move_to {
	background:url(../images/magnify.png) no-repeat center center #fafbfb;
    content:''; background-position:center;
    display: inline-block;
	width:auto;
	border:none;
	height:40px;
	width:40px;
	cursor:pointer;
	border:1px solid #ccc;
	 vertical-align:sub;
	 outline:none;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="button"]:focus, input[type="submit"]:focus, button:hover, , button:focus {
	border:none;
	background:#999;
}
/**** HEADINGS
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------****/
h1 {
	font-size:36px;
	margin:30px 0
}
h2 {
	font-size:30px;
	margin:20px 0
}
h3 {
	font-size:24px;
	margin:15px 0
}
h4 {
	font-size:18px;
	margin:10px 0
}
h5 {
	font-size:14px;
	margin:10px 0
}
h6 {
	font-size:12px;
	margin:5px 0
}
/*=======================css-start=================
================================================================*/
.cls{ clear:both;}
#page-wrapper{ text-align:center; }

#header .logo{ width:30%; float:left; text-align:left; padding:33px 0px;}
#header .logo a{ background:url(../images/logo.png) no-repeat center center;
    content:''; background-position:center;
    display: inline-block;
    height: 30px;
    width: 106px;

}

#header #nav{ float:right; width:70%; text-align:right;}
#header #nav ul li{ display:inline-block; padding:20px 20px;}
#header #nav ul li:last-child{ padding:20px 0px 20px;}
#header #nav ul li a{ font-size:16px; color:#414042;}
.banner a{background:url(../images/google_ads.png) no-repeat center center;
    content:''; background-position:center;
    display: inline-block;
    height: 60px;
    width: 468px;}
.banner_2{ display:none;}
#search{ margin:20px 0px;}
#search .language{ width:30%; float:left; height:50px !important;}
#search .language ul li{text-align:left; display:block;}
#search .language ul .hide{ display:none;}
#search .language ul .show{ border:1px solid #CCC;}
#search .language ul .show .arrow{ display:inline-block; color:#414042; width:100%; outline:none;}
#search .language ul .show .arrow .kurdi_icon, #search .language ul .hide .kurdi_icon{ width:75px;}
#search .language ul .show .arrow .center_arrow, #search .language ul .hide .center_arrow{ width:auto;}
#search .language ul .show .arrow .arbic_arrow, #search .language ul .hide .arbic_arrow{ width:75px;}

#search .language ul .show .arrow .kurdi_icon:before, #search .language ul .hide .kurdi_icon:before{ content:''; background:url(../images/kurdi.png) no-repeat center center; background-position:center;
    display: inline-block;
    height: 16px;
    width: 30px;
    vertical-align: top;}
#search .language ul .show .arrow .center_arrow:before, #search .language ul .hide .center_arrow:before{ content:''; background:url(../images/arrow.png) no-repeat center center; background-position:center;
    display: inline-block;
    height: 16px;
    width: 30px;
    vertical-align: top;}
#search .language ul .show .arrow .arbic_arrow:before, #search .language ul .hide .arbic_arrow:before{ content:''; background:url(../images/arabic.png) no-repeat center center; background-position:center;
    display: inline-block;
    height: 16px;
    width: 30px;
    vertical-align: -2px;}
	a.fb img, a.whatsapp img, a.twitter-share-link img{ display:none;}
a.fb{background:url(../images/facebook.png) no-repeat center center; background-position:center;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: top;}
a.whatsapp{background:url(../images/whatsapp.png) no-repeat center center; background-position:center;
    display: inline-block;
    height: 24px;
    width: 30px;
    vertical-align: top;}
a.twitter-share-link{background:url(../images/twitter.png) no-repeat center center; background-position:center;
    display: inline-block;
    height: 24px;
    width: 30px;
    vertical-align: top;}
#search .language ul .show .arrow .drop_arrow{  content:''; background:url(../images/arrow_2.png) no-repeat center center; background-position:center;
    display: inline-block;
    height: 16px;
    width: 30px;
    vertical-align: top;
	display:inline-block; vertical-align:middle; float:right;
  -o-transition:.5s;
 -ms-transition:.5s;
 -moz-transition:.5s;
 -webkit-transition:.5s; }
#search .language ul .show .arrow.up .drop_arrow{

    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);

}
#search .language ul .show span{ margin-right:20px; margin:10px; display:inline-block;}
#search .language ul .show span img{ margin-right:5px;}
.arrow_center{ vertical-align:baseline !important;}
#search .search{ width:65%; float:right; text-align:right;}
#search .search input{ width:78%; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:none; background:#fafbfb;-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px; height:40px; float:left;}
#search .search .arabictex{ width:93%; border-radius: 5px;}
#search .search .s-icon{ float:left; width:15%; height: 40px; border-left:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#fafbfb;-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
padding: 6px 6px 5px 0px; }
#search .search .s-icon li{ display:inline-block; padding:3px; background:#ccc;}
#contant{}
.copy_icon{ content:''; background:url(../images/content-copy.png) no-repeat center center; background-position:center;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: top;}
.share_icon{ content:''; background:url(../images/share-variant.png) no-repeat center center; background-position:center;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: top;}
.report_icon{ content:''; background:url(../images/information.png) no-repeat center center; background-position:center;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: top;}	
	
.kurdislanguge{ height:40px !important;}
.kurdislanguge a{ float:right; direction: rtl; }
.kurdislanguge .icons{ float:left !important; text-align:left !important;}
.kurdislanguge .icons .click_iconb{position: absolute !important;
    left: 1% !important;
    background: #eff0f4 !important;
    top: 100% !important;
    padding: 3px !important;
    z-index: 999 !important;
	width:120px !important;}
.mane{ margin-bottom:20px;}
.mane fieldset legend{ margin-left:10px; padding:10px; color:#727272; font-size:16px;}
.mane fieldset ul li{ text-align:left; padding:10px 20px; position:relative}
.mane fieldset ul li:nth-child(odd) {
    background-color:#f8f8f8;
}

.mane fieldset ul li:nth-child(even) {
    background-color:#fff;
}
.mane fieldset{
border: 1px solid #ccc;}
.mane fieldset ul li .icons
{text-align: right;
display: none;
float: right;}
.mane fieldset ul li .icons ul li{ display:inline-block;}
.mane fieldset ul li .icons a{ margin-right:5px;}

.mane fieldset ul li:hover{ background:#eff0f4;}
.mane fieldset ul li:hover a{ color:#2f302f;}
.mane fieldset ul li:hover .icons{    display: inline-block;
    width: auto !important;}

/*--------------------- for login=--------------------------------------*/


@import "bourbon";

body {
	background: #fff !important;	
}

.wrapper {	
	margin-top: 80px;
  margin-bottom: 80px;
}

.form-signin {
  max-width: 380px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1);  

  .form-signin-heading,
	.checkbox {
	  margin-bالرقصottom: 30px;
	}

	.checkbox {
	  font-weight: normal;
	}

	.form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
		@include box-sizing(border-box);

		&:focus {
		  z-index: 2;
		}
	}

	input[type="text"] {
	  margin-bottom: -1px;
	  border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
	}

	input[type="password"] {
	  margin-bottom: 20px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
}

/* for loader 1 */


#myLists li{ display:none;
}
#loadMores {
    color:green;
    cursor:pointer;
}
#loadMores:hover {
    color:black;
}
#showLesss {
    color:red;
    cursor:pointer;
    display:none;
}
#showLesss:hover {
    color:black;
}

/* for loader2 */

#myList li{ display:none;
}
#loadMore {
    color:#5c5d5d;
    cursor:pointer;
}
#loadMore:hover {
    color:5c5d5d;
}
#showLess {
    color:red;
    cursor:pointer;
    display:none;
}
#showLess:hover {
    color:black;
}



#city_input {
    background-image: url('/css/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 10px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
	outline:none;
}

#myUL {
    /* Remove default list styling */
    list-style-type: none;
    padding: 0;
    margin: 0; 
    overflow: auto;
width: 93%;
height:400px;
position: absolute;
top: 100%;
z-index:999 !important;

}

#myUL .ciyu {
    border: 1px solid #ddd; /* Add a border to all links */
    margin-top: -1px; /* Prevent double borders */
    background-color: #f6f6f6; /* Grey background color */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove default text underline */
    font-size: 18px; /* Increase the font-size */
    color: black; /* Add a black text color */
    display: block; /* Make it into a block element to fill the whole list */
    text-align:right;
   
}

#myUL li  {
    border: 1px solid #ddd; /* Add a border to all links */
    margin-top: -1px; /* Prevent double borders */
    background-color: #f6f6f6; /* Grey background color */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove default text underline */
    font-size: 18px; /* Increase the font-size */
    color: black; /* Add a black text color */
    display: block; /* Make it into a block element to fill the whole list */
    text-align:left;
	cursor:pointer;
   
}



#myUL li a:hover:not(.header) {
    background-color: #eee; /* Add a hover effect to all links, except for headers */
}
.srch-locate{
position: relative;

}


/*-----------------------For Toggle copy clipboard-------------------------*/


.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 60px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -40px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/*-----------------------share menu-------------------------*/

.share_social{ position:relative;}
.share_socialb{ position:relative;}
.click_icon{ display:none; position:absolute; right:1.7%; background:#eff0f4; top:100%; padding:3px; z-index:999;}
.click_iconb{ display:none; position:absolute; right:1.7%; background:#eff0f4; top:100%; padding:3px; z-index:999;}
/*-----------------------toggle-------------------------*/


header#header{ position:relative;}
header#header .toggle-menu .toggle-menu-ul{ position:absolute; top:100%; width:100%; right:0px; left:0px; display:none; z-index:999; background:#000;}
header#header .toggle-menu .toggle-menu-ul li{ display:block !important; text-align:left; }
header#header .toggle-menu .toggle-menu-ul li a{ color:#fff !important;}
header#header .toggle-menu .toggle-menu-ul ul li:last-child{ padding:20px 20px !important;}
.toggle-menu{ display:none !important;}
 
/*-----------------------colorbox-------------------------*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxLoadedContent .custom-close{ width:20px !important;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;     left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50% !important;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat bottom center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}



/*-----------------------popup-------------------------*/



#cboxWrapper{ width:auto !important; border-bottom:5px solid #000 !important; }
#cboxContent{ width:auto !important; margin:auto !important; float:none !important; height:auto !important;}
.cboxIframe{ height:90px !important;}
#cboxLoadedContent{ width: 400px !important; height:auto !important; padding-bottom:10px !important;}
#test-content{ text-align:right;}
#test-content form table{ width:360px !important;}
#cboxLoadedContent{ padding-left:30px !important; position:relative !important;}
#cboxLoadedContent iframe.cboxIframe html body h2{ margin-top:25px !important;}
#cboxLoadedContent iframe{ width:100% !important;}
#test-content form input, #test-content form textarea{ width:100% !important; padding:5px 0px 5px 5px !important; 
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important; margin-top:5px; border:1px solid #ccc; resize:none;}
#test-content form input[type="submit"]{ width:auto !important; padding:10px 30px !important; margin-top:5px; background:#ccc; border:none;}
#test-content form input[type="button"]{ position:absolute !important; right:0px !important; top:0px !important; }
#test-content form lable{ margin-right:5px !important; vertical-align:-webkit-baseline-middle !important; display:inline-block !important; margin-top:10px !important;}
#test-content form td{ text-align:left !important;}
#test-content form table tbody tr:nth-child(4) td{ text-align:center !important; padding-left:10px !important;}
#colorbox{ width:440px !important;    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50% !important; }

/*-----------------------responsive-------------------------*/


/* @import url('css/font-awesome.min.css');*/

/* In html file */
/*<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta name="viewport" content="width=device-width">*/

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1200px){
	
	}

@media (max-width: 1024px){
	.container{ padding:0px 15px;}
	.mane fieldset ul li .icons{ display:block;}
    #search .language{ width:34% !important;}
	#search .search input{ width:69% !important;}
	#search .search .s-icon{ width:21% !important;}
	#search .search .arabictex{ width:90% !important; /*text-align:left !important;*/}
	#search .language ul .show .arrow:after{ margin-right:9px !important;}
	#myUL{ width:90% !important;}
	#colorbox{     left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50% !important;}
	}
	
@media (max-width: 992px){
	#search .language ul .show a span{ margin-left:5px; margin-right:5px;}
	}


@media (max-width: 767px){
#search .search{ width:60%;}
	#search .language{ width:39% !important;}
	#search .search .s-text{ width:63% !important;}
	#search .search .s-icon { width:25% !important;}
	.banner{display: none;}
	.banner_2{ display:block;}
	#header .logo{ padding:13px 0px;}
	#nav{ margin-top:0px;}
	#search .search .arabictex{ width:86% !important; /*text-align:left !important;*/}
	#search .language ul .show span{ margin-right:0px !important;}
	#search .language ul .show .arrow:after{ margin-top: 5px !important;}

	/*------nav-------*/
nav {
  padding: 50px 15px 20px 15px;
  background-color: #4b0a0c;
  height: 0px;
  overflow: hidden;
}

nav a.mobile_menu { display: block; }

nav ul, nav ul ul, nav ul ul ul {
  display: block;
  position: static;
}

nav > ul { padding: 0px; }

nav > ul > li {
  float: none;
  margin-top: 25px;
}

nav ul li:hover { background: none; }

nav ul li a {
  display: block;
  margin: 8px 10px 8px 10px;
  padding: 6px 15px 6px 2px;
  border-bottom: 1px solid rgba(255, 255, 255, .25);
  width: auto;
}

nav ul li a:hover { background-color: rgba(255, 255, 255, .2); }

nav ul ul { background: none; }

nav ul ul li a { margin-left: 30px; }
header#header .toggle-menu:after{ content:''; clear:both; display:block;}
header#header .toggle-menu{ position: absolute;
    left: 0px;
    top: 0px;
    right: 0;}
header#header .toggle-menu-li {
    /* position: relative; */
    /* top: 0%; */
    /* width: 100% !important; */
    /* right: 0px; */
    /* display: inline-block !important; */
    /*z-index: 999;
    left: 0;*/
    float: left;}
nav ul ul ul li a { margin-left: 60px; }

nav a[aria-haspopup="true"]::after { display: none; }
/*header#header .toggle-menu-li{ position:absolute; top:0%; width:100% !important; right:0px; display:inline-block !important; z-index:999;}*/
header#header .menu_main{ display:none;}
.toggle-menu{ display:block !important;}
#header #nav ul li:last-child{ padding:30px 15px; text-align:left;}
#cboxWrapper{ width:auto !important; }
#cboxContent{ width:auto !important; margin:auto !important; float:none !important; height:auto !important;}
.cboxIframe{ height:100px !important;}
#cboxLoadedContent{ width: 340px !important; height:auto !important; padding-bottom:10px !important;}
#test-content{ text-align:right;}
#test-content form table{ width:310px !important;}
#cboxLoadedContent{ padding-left:15px !important; position:relative !important; border-color: transparent !important;}
#cboxLoadedContent iframe.cboxIframe html body h2{ margin-top:25px !important;}
#cboxLoadedContent iframe{ width:100% !important;}
#colorbox{ width:362px !important;    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50% !important; }
#cboxContent h2{ font-size:18px !important;}
#cboxWrapper{ border-bottom:5px solid #000 !important;}
#header .logo {width: 30%;
    float: none;
    text-align: center;
    padding-top: 30px !important;
    margin: auto;}
.toggle-menu-li img{ border:1px solid #ccc; padding:2px 5px; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
#search .language{ height:80px !important;}
#search .language ul .show{ padding:9px 5px !important;}
#search .language ul .show span img{ margin:2px !important;}
#search .language ul .show span{ margin:0px !important; margin-right:0px !important;}
#search .search .arabictex{ width:88% !important; /*text-align:left !important;*/}
#myUL{ width:88% !important;}
}


@media (max-width: 600px){
	#search .language{ width:100% !important;}
	#search .search{ width:100% !important;} 
	#search .search .s-icon{ width:27% !important;}
	#search .search .s-text{ width:60% !important;}
	#search .language ul .show span{ margin:10px !important; margin-right:20px !important;}
	#search .language ul .show{ padding:0px !important;}
	#search .search .arabictex{ width:87% !important; /*text-align:left !important;*/}
    #search .language ul .show .arrow:after{ margin-top:16px !important; margin-right:13px !important; }
	#myUL{ width:87% !important;}
	}


@media (max-width: 425px){
	#contant .icons .btn img{ width:100%;}
	#contant .icons .share_social img{ width:19px;}
	#contant .icons .prg_link img{ width:24px;}
	#search .search{ width:100% !important; margin-top:20px; float:none;}
	#search .language{ width: 100% !important;
    float: none;
    margin: auto;
    text-align: center;}
	#search .search .s-icon{ width:27% !important;}
	#search .search .s-text{ width:60% !important;}
	.mane fieldset ul li .icons{ display:block;}
	#colorbox{ width:390px !important;    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50% !important;}
	#search .search .arabictex{ width:87% !important; /*text-align:left !important;*/}
    #myUL{ width:87% !important;}
	#test-content form table{ width:340px !important;}
	}

@media (max-width: 375px){
#search .language ul .show span{ margin-right:5px !important; margin-left:5px !important;}
	#search .search .s-text{ width:53% !important;}
	#search .search .s-icon { width:31% !important;}
	#search .search .arabictex{ width:85% !important; /*text-align:left !important;*/}
    #myUL{ width:85% !important;}
	#colorbox{ width:360px !important;}
	#test-content form table{ width:320px !important;}
	#cboxLoadedContent{ width:340px !important}


}

@media (max-width: 320px){

	#search .search .s-icon{ width:34% !important;}
	#search .search .s-text{ width:49% !important;}
	#search .search .arabictex{ width:83% !important; /*text-align:left !important;*/}
	#myUL{ width:83% !important;}
	#colorbox{ width:300px !important;}
	#test-content form table{ width:260px;}
	#cboxLoadedContent{ width:275px !important;}

	
	
	}


@media print {

}