@charset "utf-8";
/* CSS Document */
/*Project Name : Japnease School  [Created by WEBLINKINDIA.NET on March 10, 2016 : Darshan]*/
 
@media only screen and (max-width:1099px){
.container{width:100%; margin:0px auto; border:0px solid #F00;}
.header_area {border: 0 solid #fff; margin-top: 15px; position: absolute; width: 100%; z-index: 99;}
.text1{font:300 13px 'Roboto', sans-serif; text-transform:capitalize; color:#666666; margin-top:20px; width:305px;}
.navbar-nav>li>a {padding-top: 38px; padding-bottom: 5px; padding-left:14px; padding-right:14px; color:#c8c8c8 !important; font:14px 'Roboto', sans-serif; text-transform:uppercase;}
.servi-area{width:307px; margin:15px auto 0 auto; overflow:hidden; background:#3397e4; border-radius:5px; padding:25px 0;}
.pro-slide1{width:90% !important; margin:62px auto 0 auto; border:0px solid #FFF;}
.about_bg{background:#2e9144; 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;}

.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 20px; 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;}
.list1 a:hover{background:#333 url(../images/bulh.png) no-repeat 5% center; color:#fff; text-decoration:none; text-align:left; padding:3px 10px 2px 45px;}

.fartaf-area{margin:0 auto; width:240px; overflow:hidden; background:#1096da; padding:15px 30px; border:2px solid #1176ae;}
}
@media only screen and (max-width:999px){
.logo_area{margin:10px auto; text-align:center;}
.top_bg{border-bottom:1px solid #CCC; width:100%; height:auto;}

.navbar-toggle {position: relative; float: right; padding: 0px 0px; margin-top: 33px; /* margin-right: 15px; */ margin-bottom: 8px;
background-color: #181818; background-image:url(../images/link-icon.png); width:31px; height:23px; border-radius: 0px; border: 0px solid #fff;}
.navbar-nav {float: none; margin:0px; margin-top:2px !important; background:#141414;}
.navbar-nav>li>a { padding-top: 8px; padding-bottom: 9px; padding-left:10px; color:#433b23; font:14px 'Roboto', sans-serif; text-transform:capitalize; text-align:left; border-bottom:1px solid #f49530; background:#141414; z-index:999;}
.nav > li > a:hover, .nav > li > a:focus{border-bottom:1px solid #ff7700; background:#333 !important; text-decoration:none; color:#fff;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{border-bottom:1px solid #ff7700; text-decoration:none; color:#fff; background:#333 !important;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:-15px !important; margin-right:-15px !important;}
.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;}
.dropdown-menu>li>a {display: block; padding: 7px 10px !important; clear: both; font-weight: 400; line-height: 1.42857143; color: #fff !important;  white-space: nowrap; border-bottom: 1px solid #2aa0cc;}

.text1{font:300 13px 'Roboto', sans-serif; text-transform:capitalize; color:#666666; margin-top:10px; width:50%; float:left;}
.footer{background:#126327; width:100%; padding:20px 0px 20px 0px; text-align:center;}

.about-text{font-size:15px; line-height:24px; width:100%; overflow:hidden; margin:45px auto 0 auto;}

.pro-img{width:309px; height:464px; margin:0 auto; float:none; background:#FFF; border:0px solid #FFF;}
.pro-text-box{display:none;}

.pro-slide2{width:92% !important; margin:20px auto 0 auto; border:0px solid #000;}

.about-text{font-size:15px; color:#5a626d; line-height:22px; height:auto; overflow:hidden;}

.icons1{height:27px; overflow:hidden; margin-top:30px; float:none; width:100%; text-align:center; border:0px solid #000;}
.icons1 a{margin-left:2px; display:inline-block; text-align:center;}
.footer_logo{margin:35px auto 0 auto; float:none; width:176px;}
.w80{width:100%;}

.pro-devlp .pull-right{ float:none !important}
.pro-inr-img{ width:200px; height:150px; margin:10px auto;} 
.pro-inr-img img{width:200px; height:150px;}
.f_dd_box1{margin:10px 0 0 0; border-bottom:0px solid #333; padding-bottom:0px; display:none;}
.dd_next2{margin:10px 0 0 0; background:url(../images/pls1.png) no-repeat 95% 0px; cursor:pointer}.dd_next_act1{background:url(../images/mns1.png) no-repeat 95% 0px; display:block;}
.contact_bg{background:#f7f7f7; padding:10px 0px;}
.bdrr{border-right:0px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding-bottom:20px;}
.foot-social{ width:100%; text-align:center; float:none; height:auto; margin-top:10px;}
.bdrr2{border-right:0px solid #d8d8d8; border-bottom:1px solid #d8d8d8; width:100%; padding-bottom:10px;}
}
@media only screen and (max-width:767px){
h1, .h1 {font-size: 24px;}
.header_area {border: 0 solid #fff; margin-top: 10px; position: relative; width: 100%; z-index: 99;}
li.mob-menu a{ color:#fcce54; font-weight:900; font-size:14px;}
.navbar-inverse { background: #181818; border:none; border-radius:0px; height:87px; margin-top:10px; border:0px solid #fff;}
.navbar-brand {float: left; height:auto; padding: 8px 30px; font-size: 18px; line-height: 20px; margin-top:0px;}
.navbar-nav {float: none; margin:0px; margin-top:0px !important; background:#141414;}
.navbar-nav {float: right; margin: 0px; margin-right: -15px; margin-left: -15px;}
.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:#ccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#000;}

.arrow-btn{ display:block;}
.dd_next{margin:10px 0 0 0; background:url(../images/down_arrow.png) no-repeat center 0px; cursor:pointer}.dd_next_act{background:url(../images/up_arrow.png) no-repeat center 0px; display:block;}
.form{display:none;}
.footer-nav{text-align:center;}
.footer-nav a{display:block; font:300 15px 'Roboto', sans-serif; line-height:28px; color:#c8c8c8; list-style:none; padding:0px 0px 0px 14px; text-align:center; border-bottom:1px solid #8b8b8b;}

.text1{font:300 13px 'Roboto', sans-serif; text-transform:capitalize; color:#666666; margin-top:10px; width:100%; float:none;}

.top_icon{margin-top:9px; text-align:center;}
.icons{height:27px; overflow:hidden; margin-top:10px; margin-bottom:10px; float:none; width:100%; text-align:center; border:0px solid #000;}
.icons a{margin-left:2px; display:inline-block; text-align:center;}


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

.footer{background:#126327; width:100%; padding:20px 0px 20px 0px;}
.bdrb{border-bottom:1px solid #333; display:block; padding-bottom:10px;}
.f_dd_box{margin:20px 0 0 0; border-bottom:1px solid #333; padding-bottom:10px; display:none;}
.desk_show{display:none;}
.tab_only{display:block;}
.tab_hide{display:none;}

/*.bdrr{border-right:0px solid #d8d8d8; border-bottom:1px solid #d8d8d8; width:100%; padding-bottom:10px;}*/

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


/*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 20px; 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;}

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

}

@media only screen and (max-width:479px){
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 150px; padding: 0px 0;
 margin: 2px 0 0; font-size: 11px; text-align: left; list-style: none; background-color:#222222; -webkit-background-clip: padding-box;
background-clip: padding-box;}
.navbar-inverse { background: #181818; border:none; border-radius:7px; height:70px; margin-top:10px; border:0px solid #fff;}
.navbar-brand {float: left; font-size: 18px; height: 50px; line-height: 20px; padding: 15px 19px; width: 220px; margin-top:0px;}
.navbar-toggle {position: relative; float: right; padding: 0px 0px; margin-top: 23px; /* margin-right: 15px; */ margin-bottom: 8px;
background-color: #181818; background-image:url(../images/link-icon.png); width:31px; height:23px; border-radius: 0px; border: 0px solid #fff;}
.navbar-nav {float: none; margin:0px; margin-top:14px !important; background:#141414; margin-left:-15px; margin-right:-15px;}

.img_area{width:270px; height:174px; border-radius:10px; overflow:hidden; border:1px solid #ccc; margin:10px auto 0 auto;}
.img_area figure{width:270px; height:174px; margin:0 auto; vertical-align:middle; text-align:center; display:table-cell;}

/*.wel_bg{background:#ff7700 url(../images/wel_bg.png) no-repeat center; height:333px; }*/

.wel_bg{background:#ff7700 url(../images/wel_bg.png) no-repeat bottom; height:576px;}

.servi-area{width:245px; margin:15px auto 0 auto; overflow:hidden; background:#3397e4; border-radius:5px; padding:25px 0;}
.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: 46px; padding: 6px 8px; font-size: 13px; line-height: 1.42857143; color: #3a3a3a !important; background-color: #fff !important; background-image: none; border: 1px solid #ddd; /*border-radius: 5px;*/}
.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%}

ul.labour-list li a{width:100%; background:#f7f7f7 url(../images/download-btn1.png) no-repeat 98% center; display:block; padding:10px 20px; color:#333; border:1px solid #ccc; font:600 14px/20px 'Open Sans', sans-serif;}

}