@charset "utf-8";
/* CSS Document */
/*Project Name : Darfin.com.sa [Created by WEBLINKINDIA.NET on Feb 3, 2016 : Darshan]*/
 
@media only screen and (max-width:1159px){
.nav>li>a {position: relative; display: block; padding: 15px 6px; color:#fff; font-family:'Lato', sans-serif; text-transform:none; font-size:13px;}

.container{width:100%; margin:0px auto; border:0px solid #F00;}
.servi-area{width:239px; height:239px; margin:15px auto 0 auto; overflow:hidden; padding:5px 0;}
.servi-area:hover  {}
.servi-pic{margin:0 auto; overflow:hidden; text-align:center; width:65px; height:65px; margin-top:60px;}

.pro-slide1{width:90% !important; margin:62px auto 0 auto; border:0px solid #FFF;}
.about_bg{background:#999a1a; width:100%; height:auto; position:relative; margin:25px auto 0 auto; padding:15px 40px;}


ul.float_3 li{width:33.33333333333333%; float:left; overflow:hidden; list-style:none; margin:0px auto 0px auto; position:relative; padding:0px 0px; border:0px solid #000;}

ul.float_4 li{width:33.33333333333333%; float:left; overflow:hidden; list-style:none; margin:0px auto 0px auto; position:relative; padding:0px 0px; border:0px solid #000;}

/*Sitemap*/
.list1 a{display:block; text-align:left; font:13px/24px 'Open Sans', sans-serif; color:#3a380c; background:#f7f7f7 url(../images/bulh.png) no-repeat 95% center; padding:3px 10px 2px 15px; box-shadow:5px 5px 5px rgba(0,0,0,.1);border-radius:50px; margin-bottom:8px; transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; border:1px solid #ddd; width:47%; float:left; margin-left:20px; text-transform:capitalize;}

.fartaf-area{margin:0 auto; width:240px; overflow:hidden; background:#1096da; padding:15px 30px; border:2px solid #1176ae;}
.calln{ font-size:12px;}
}
@media only screen and (max-width:999px){
.heading4{font:15px/15px 'Roboto Condensed', sans-serif; color:#010101; margin-top:20px;}
.logo_area{margin:0px auto; text-align:center;}
.logo_area .img-responsive{ position: static}
.tag-line{ width:100%; height:auto; background:#926f2b; position:relative;}
.tag-line-middle{ width:100%; height:auto;}
.top_bg{background:#b59543; width:100%; height:auto; position:relative; top:0; padding-top:10px;}
.menu-title{color:#333; padding-top:20px;}
nav{margin-top:10px;}
.navbar-toggle {background-color: transparent; background:#d5b657 url(../images/nav-icon.png) no-repeat right 0px; border: 0px solid transparentborder-radius: 0px; float: none; border-radius:0px; margin-bottom: 0px; margin-right: 0px; margin-top: 10px; position: relative; width:100%; vertical-align:middle; text-align:left; color:#4d4d4d; font: bold 18px "Open Sans",sans-serif; text-transform:uppercase; padding:0px 0px 0px 10px !important; height:45px;}
.navbar-collapse {border-top: 0px solid transparent; box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1) inset; overflow-x: visible; padding-left: 0px;
 padding-right: 0px;}
.navbar-nav > li {float: none; margin-top: 0px; border-bottom:1px solid #ccc; display:block;}
.navbar-nav {float: none; margin:0px; margin-top:0px !important; background:#dcb95d; width:100%;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px; padding-left:20px; color:#666666; font:400 14px 'Open Sans', sans-serif; text-transform:uppercase; text-align:left; background:#efefef; z-index:999;}
.nav > li > a:hover, .nav > li > a:focus {background-color: #efefef; color:#000; text-decoration: none; border-bottom:0px solid #b9131a;}
.navbar-nav .open .dropdown-menu {background-color: #efefef; border: 0px none; box-shadow: none; float: none; margin-top: 0; position: static;
width: auto;}
.dropdown-menu>li{ border-bottom:1px solid #ccc;}
.dropdown-menu > li > a {clear: both; color: #fff; display: block; font-weight: 300; line-height: 1.42857; padding: 6px 20px; white-space: nowrap;}

.navbar-toggle {display: block !important;}
.navbar-header {float: none !important;}
.navbar-nav > li {float: none !important;}
.collapse {display: block !important;}
.navbar-collapse.collapse {display: none !important; height: auto !important; overflow: visible !important; padding-bottom: 0;}
.navbar-collapse.in{display:block !important;} 
.navbar-nav {float: none !important; margin: 0;}
#navbar{ position:absolute; z-index:99; width:100%;}
.navbar-nav>li>.dropdown-menu{ background-color:#660000; padding:0px 10px; min-width:200px; font-weight:bold;}
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{ padding:5px 10px}
.dropdown-menu>li>a{ padding:3px 0px; color:#666}
.dropdown-menu>li>a:hover{ color:#000; background:none !important}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ color:#000; background:none !important}

.about-text{font-size:15px; line-height:24px; width:100%; overflow:hidden; margin:45px auto 0 auto;}
.service-pos{width:100%;height:340px; overflow:hidden; position:relative; z-index:9; top:40px; left:0px;}
ul.float_3 li{float:left; display:block; text-align:center; width:50%; list-style:none; overflow:hidden; margin:0 auto; border:0px solid #000;}

ul.float_4 li{width:50%; float:left; overflow:hidden; list-style:none; margin:0px auto 0px auto; position:relative; padding:0px 0px; border:0px solid #000;}

.airlpane-img{position:absolute; bottom:-20px; width:100%; text-align:center; z-index:99; display:none;}
.shadow-img{position:absolute; bottom:0px; width:100%; text-align:center; z-index:9; display:none;}
.pt160{padding-top:30px}
.service-bg{background:#fff url(../images/servi_bg.jpg) no-repeat top center; width:100%; height:auto; border:0px solid #000;}

.footer{width:100%; padding:20px 0px 40px 0px;}
.footer_logo{margin:10px auto 0 auto; float:none; width:132px;}
.w80{width:100%;}

.icons{height:42px; overflow:hidden; margin-top:10px; float:none; width:100%; text-align:right; border:0px solid #000;}
.icons a{margin:0px 2px; display:inline-block; text-align:center;}
.footer-text{font-size:12px; color:#333; line-height:20px; text-align:center; margin-top:20px;}

.main_area {
    width: 300px;
    min-height: auto;
    border: 1px solid #ddd;
	margin: 0 auto;
	padding-bottom:10px;
}
.main_area1 {
    width: 300px;
    min-height: auto;
    border: 1px solid #ddd;
    margin: 0 auto;
    padding-bottom: 10px;
}

.calln{ font-size:12px;}
}
@media only screen and (max-width:767px){
.top_icon{margin-top:9px; text-align:center;}
.top_icon .fl{display:block;float:none;}
.top_icon .ml20{margin-left:0px;}

ul.float_3 li{float:none; display:block; text-align:center; width:100%; list-style:none; overflow:hidden; margin:0 auto; border:0px solid #000;}
ul.float_4 li{width:100%; float:none; overflow:hidden; list-style:none; margin:0px auto 0px auto; position:relative; padding:0px 0px; border:0px solid #000;}

.footer{width:100%; padding:20px 0px 40px 0px;}
.bdrb{border-bottom:1px solid #010101; display:block; padding-bottom:10px;}
.f_dd_box{margin:8px 0 0 0; border-bottom:1px solid #333; padding-bottom:10px; display:none;}
.dd_next{margin:15px 0 0 0; background:url(../images/pls.png) no-repeat 99% center; cursor:pointer}.dd_next_act{background:url(../images/mns.png) no-repeat 99% center;}
.desk_show{display:none;}
.tab_only{display:block;}
.tab_hide{display:none;}

.bdrr{border-bottom:1px solid #d8d8d8; width:100%; padding-bottom:10px;}
.contact_bg{background:#f7f7f7; padding:20px 0px 20px 0px;}


.img-left{float:none; padding:3px; margin:10px auto; text-align:center; display:block;}
.img-right{float:none; padding:3px; margin:10px auto; text-align:center; display:block;}


/*Sitemap*/
.list1 a{display:block; text-align:left; font:13px/24px 'Open Sans', sans-serif; color:#3a380c; background:#f7f7f7 url(../images/bulh.png) no-repeat 95% center; padding:3px 10px 2px 15px; box-shadow:5px 5px 5px rgba(0,0,0,.1);border-radius:50px; margin-bottom:8px; transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; border:1px solid #ddd; width:95%; float:none; margin-left:0; margin:8px auto; text-transform:capitalize;}
.icons{height:42px; overflow:hidden; margin-top:10px; float:none; width:100%; text-align:center; border:0px solid #000;}
.btn-fr{text-align:center;}.btn-fl{text-align:center;}

.fartaf-area{margin:0 auto; width:215px; overflow:hidden; background:#1096da; padding:15px 30px; border:2px solid #1176ae;}
.breadcrumb{display:none;}
.f_dd_box .w49{width:100%;}
.f_dd_box .fl{float:none;}
.f_dd_box .fr{float:none;}


.tag-line-middle .fs32{ font-size:24px; line-height:30px;}

}

@media only screen and (max-width:479px){

.discount-bg{background: #dbe2db url(../images/img1.png) no-repeat 20px 50%; width: 100%; min-height: 200px; padding:0 20px;}
.refer-bg{background: #dbe2db; width: 100%; min-height: 150px; padding:10px 20px; }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    background-color: hsl(0, 100%, 100%);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid hsl(0, 0%, 80%);
    border: 1px solid hsla(0, 0%, 0%, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px hsla(0, 0%, 0%, 0.175);
    box-shadow: 0 6px 12px hsla(0, 0%, 0%, 0.175);
}

.servi-area{width:239px; height:239px; margin:15px auto 0 auto; overflow:hidden; padding:5px 0;}
.servi-area:hover  {}
.servi-pic{margin:0 auto; overflow:hidden; text-align:center; width:65px; height:65px; margin-top:60px;}

.pro-img{width:247px; height:464px; margin:0 auto; float:none; background:none; border:0px solid #FFF;}
ul.float_3 li{width:100%; float:none; overflow:hidden; list-style:none; margin:0px auto 0px auto; position:relative; padding:0px 0px; border:0px solid #000;}

.about-area{width:290px; overflow:hidden; margin:0 auto;}
.about-title{font-size:15px; font-weight:600; color:#000000; text-transform:uppercase;}
.about-text{font-size:15px; color:#5a626d; line-height:22px; height:auto; overflow:hidden;}
.about-pic{width:290px; height:122px; overflow:hidden; margin:0 auto;}
.about-pic figure{width:290px; height:122px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}
.about-pic figure img{max-width:100%;}


.brand-area{width:140px; overflow:hidden; margin:0 auto;}
.brand-pic{width:140px; height:65px; overflow:hidden; margin:2px auto;}
.brand-pic figure{width:140px; height:65px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden;}
.brand-pic figure img{max-width:145px;}

/*Inner Pages Css*/

.arrow-bg1{background:#000; border-radius:50%; padding:2px 12px; line-height:10px; font-size: 20px;}
.btn2 { padding: 10px 5px 7px 5px; display:inline-block;  color:#fff;  font-weight: 100;   text-align: center; vertical-align: middle;  cursor: pointer;  float:none; text-transform:uppercase; font-family: 'Open Sans', sans-serif; background:#ffe117; float:none; border:0px solid #FFF;}

/*Contact*/

.form-control{display: block; width: 100%; height: 30px; padding: 6px 12px; font-size: 10px; line-height: 1.42857143; color: #3a3a3a !important; background-color: #fff !important; background-image: none; border: 1px solid #ccc; border-radius: 0px; 
box-shadow:0px 0px 5px #CCCCCC inset;}

.form-width{width:45%; float:left;}
.form-width2{width:38% !important; float:left;}

.blacklink, .blacklink:visited{ background:#f9d840; font:bold 14px/20px 'Roboto', sans-serif; display:inline-block; padding:10px 30px; color:#333; text-decoration:none; cursor: pointer; border:none; border-radius: 5px;}
.blacklink:hover{background:#333; color:#fff; transition:all .6s linear; -moz-transition:all .6s linear; -webkit-transition:all .6s linear; transition:all .6s linear;}
.blacklink a{color:#fff;}
.blacklink a:hover{color:#fff;}

.blacklink1, .blacklink:visited{ background:#333; font:bold 14px/20px 'Roboto', sans-serif; display:inline-block; padding:10px 30px; color:#fff; text-decoration:none; cursor: pointer; border:none; border-radius: 5px;}
.blacklink1:hover{background:#f9d840; color:#333; transition:all .6s linear; -moz-transition:all .6s linear; -webkit-transition:all .6s linear; transition:all .6s linear;}
.blacklink1 a{color:#fff;}
.blacklink1 a:hover{color:#fff;}

/*Details*/
.service_dtl_2{width:500px; border:1px solid #eee; padding:0px; display:none;}
.dtl_xs_pc{display:block; text-align:center; border:1px solid #ddd;}
.pro-devlp .col-xs-12{ width:100%}
.main_area {
    width: 100%;
    min-height: auto;
    border: 1px solid #ddd;
	margin: 0 auto;
	padding-bottom:10px;
}
.main_area1 {
    width: 100%;
    min-height: auto;
    border: 1px solid #ddd;
    margin: 0 auto;
    padding-bottom: 10px;
}
.circle1 {
    width: 220px;
    margin: 0 auto 20px auto;
    height: auto;
    border: 0px solid #000;
}
.circle1_inr {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 10px solid #f2d66b;
    margin: 0 auto;
    overflow: hidden;
}
.circle1_inr_2 {
    width: 220px;
    height: 220px;
    margin: 0 auto;
    border: none;
    background: #6cb83a;
}
}