/*-- css Style --*/
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
/*-- header --*/
body, p, .oneProduct h2,.footer-left p, .header01, .head-info-text h3,  .Quick-Contact h3, .blog p, .middle-left-top-info h3 a, .grid-left-info h3 a, .got-info-text h2,.got-info-text h2, .got-info p.bottom-text, .img-info h3, .img-info p, .head-info-text p, form input[type="text"], form textarea,form input[type="submit"], .blog h3, .got-info-text p {font-family: 'Droid Arabic Kufi', serif; text-align: right; overflow-y: hidden;}
p{ direction:rtl}
#toTop { left: 2%;}
.footer-left{ float:right}

.head-info-text h3, .head-info-text p{font-family: 'Open Sans', sans-serif; text-align:left; overflow-y: initial;}

/*.lang {left: 3.6%;text-align: left;}
.head-info {width: 65%; right:3%}
.logo {right: -225px; left: initial;}
.containerLogo .head-info-text { margin: 10px 28px 20px 28px;text-align: right;}
.logoUpdate {border-right: 8px solid #FFF;border-left: none;}*/

.menu_box_list li a{ letter-spacing:0}

.footer-right {float: left;}

.got-info p.bottom-text { line-height:1.8em;}

/*.nav-icon {text-align: left;}*/
a.boxclose{left: 8.5em; right:inherit}

/*.head-info-text {margin: 0em 2em 0 2em;text-align: right;}*/
.positionAbsolute{ position:absolute !important}
.mBtn{ float:right}
.blog h3{ float:right; width:100%}

.oneProduct  h2{ text-align:center}

/*.head-info-text h3{ line-height:80px;font-size: 60px;}*/
.arabicLogoIndex{ top:30px !important}
/*.head-info {margin-right: 200px; left:inherit}
.head-info-text p.bottom-text, .head-info-text p {font-size: 40px;}*/
.got-info-text h2, .got-info-text p, .header01 {line-height: inherit;}

form input[type="text"], form textarea {padding: 2% 2%;}
.contact { min-height: 675px;}
.grid-left-info {top: 67%;right: 6%;}
.grid-left-info h3 a {font-size: 52px; line-height:54px}
.middle-left-top-info h3 a{ font-size: 26px; margin:0; text-align:right; line-height: 32px;}
.middle-left-top-info{ right:6%}
.middle-right-top .middle-left-top-info {top: 82%;}
.middle-left-top, .middle-left-bottom, .middle-right-top,.middle-right-bottom {width: 162px;}
.middle-left-top, .middle-left-bottom, .middle-right-top, .middle-right-bottom { width: auto;}

@media (max-width:1599px){
.contact { min-height: 620px;}
.grid-left-info h3 a {font-size: 42px; line-height: 44px;}
.grid-left-info {top: 64%;}
.img-info h3 {font-size: 54px; line-height: 60px;}
.img-info p {font-size: 20px;}
.img-info {top: 80%;}

/*.head-info-text p.bottom-text, .head-info-text p {font-size: 26px;}
.logo {right: -175px;}
.head-info-text h3 {line-height: 60px;font-size: 40px;}
.logo a img {width: 150px;}
.head-info {margin-right: 150px; min-height: 140px; float: right;}*/
 
 .logoProduct { width: 77% !important;}   
 .header01 {font-size: 42px;}
 
 .logoProduct .head-info-text { margin: 10px 18px; padding:0}

}

@media (max-width:1200px){
	 .logoProduct { width: 74% !important;}  
}

@media (max-width:1024px){
	.logoUpdate {width: 62% !important;}
	.grid-left-info h3 a {font-size: 32px;line-height: 38px;}
	.got-info p.bottom-text{ width:100%}
	.middle-left-top-info h3 a {font-size: 20px;line-height: 26px;}
	.img-info h3, .blog h3, .Quick-Contact h3 {font-size: 36px;line-height: 36px;}
	.img-info p {font-size: 16px;}
	.contact {min-height: 670px;}
	.middle-left-top, .middle-left-bottom, .middle-right-top,.middle-right-bottom {width: 125px; min-width:101px}
	.middle-left-top-info {top: 62%;}
	.logoProduct { width: 71% !important;}

}

@media (max-width:1023px){
	.middle-left-top-info h3 span a {font-size: 11px;}
	.grid-left-info h3 a {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 6px;
    float: right;
    }
	.img-info {top: 75%;}
	.contact {min-height: 700px;}
	.middle-left-top, .middle-left-bottom, .middle-right-top, .middle-right-bottom {width: auto;}
	.logoProduct {width: 64% !important;}
	
	/*.head-info-text h3 {line-height: 40px; font-size: 34px;}
	.logoProduct .head-info-text {margin: 0px 18px;}
	.logo a img {width: 142px;margin: 0 auto; display: block;}*/
}
	

}
@media (max-width:800px){
	.middle-left-top, .middle-left-bottom, .middle-right-top,.middle-right-bottom {width: 125px;}
    .btn-lg, .btn-group-lg > .btn {font-size: 16px;}
	
	
}

@media (max-width:768px){
	.middle-left-top, .middle-left-bottom, .middle-right-top, .middle-right-bottom {width: auto;}
	.middle-left-top-info h3 a {font-size: 24px;}
	.middle-left-top-info h3 span a {
    font-size: 13px;
    float: right;
    margin: 5px 0 0 0;
	}
	#contact {margin-top: 0;}
	.img-info h3, .blog h3, .Quick-Contact h3 {font-size: 30px;}
	form input[type="submit"] { font-size: 18px;}
	.nav-icon {padding: 4.5em 3em 0px 20px;}
	
	/*.logo {right: -130px;}
	.logo a img { width: 52%;}
	.head-info {margin-right: 110px;min-height: 0;}
	.head-info-text p.bottom-text, .head-info-text p {font-size: 22px;}
	.head-info-text h3 {line-height: 40px;font-size: 30px;}
	.img-info {width: 96%;}
	.grid-left-info {top: 68%;}*/
	.contact { min-height: 745px;}
	.btn-lg, .btn-group-lg > .btn {font-size: 16px;}
	.header {min-height: 335px;}
	.header img.imgSlider{ width:100%}
	
	.blog { margin-top: 40px;}
	
	.header01 {font-size: 28px !important; margin: 16px 0px 0px; padding: 0px 10px 14px;}
	/*.logo {right: -182px;}*/
	
	.marginLink { margin: -38px 20px 0px;font-size: 14px !important;}
	.containerLogo .head-info-text p {font-size: 18px !important; line-height:20px}
	.oneProduct h2{padding: 13px 0px 12px; font-size: 20px !important}
	.footer-left p {font-size: 13px;}
}

@media (max-width:600px){
.btn-danger {
    position: relative;
    z-index: 2;
    top: 18px;}
}

@media (max-width:480px){
   .grid-left-info {top: 57%;}
   .blog { margin-top: 40px;}
   .contact {min-height: 870px;}
   .contact .contact-bg .container-fluid{ padding: 0;}
   a.boxclose {left: 15%;}
   
   /*.head-info-text h3 {line-height: 32px;font-size: 25px;}
   .head-info-text p.bottom-text, .head-info-text p {font-size: 16px;}
   .head-info-text {margin: 0em .6em 0px;}
   .logo a img {width: 38%;}
   .logo {right: -162px;}
   .logoUpdate {border-right: 4px solid #FFF;}
   .head-info {margin-right: 88px;}*/
   
   .right_bt span {width: 45px;height: 41px}
   .menu_box_list li a {font-size: 1.4em;}
   .menu_box_list li a:hover {border-bottom: 3px solid #FFF;}
   
   .header {min-height: 320px;}
   .got-info p.bottom-text {line-height: 1.6em;}
   .got-info p.bottom-text {font-size: 13px;}
   .got-info p.bottom-text{ margin:0}
   #products {margin-top: 10px;}
   .btn-danger { top: auto;}
   
   .logoProduct .head-info-text { padding: 10px 0px 10px !important;}
}
@media (max-width:400px){
   .header {min-height: 260px;}
}
@media (max-width:360px){
	.header { min-height: 260px;}
	/*.head-info-text h3 {line-height: 28px;font-size: 20px;}
	.containerLogo .head-info-text p {font-size: 14px !important;line-height: 20px;}*/
	.header01 {font-size: 22px !important;}
	.marginLink {font-size: 13px !important;}
	.btn-danger {top: 14px;}
}