@charset "utf-8";
/* CSS Document */

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

.nav-change .navbar-nav > li > a {font-size: 13px;padding: 22px 8px;}
.nav-change .navbar-nav > li > a{ margin:0 2px;}
.nav-change .navbar-nav > li > a {padding: 31px 8px;}
.owner{margin: 16px 1px 0 0;}
.obatin{margin: 16px 8px 0 0;}
}




@media screen and (min-width:1024px)
{
.dropdown:hover .dropdown-menu {display: block;}

}


@media(max-width:1023px)
{
.top-right { float: right;  margin: 0;  width: 75%;}	
.owner {margin: 5px 2px 0 0;}
.obatin{ margin: 5px 8px 0 0;}
.menu-sec {    float: right;    margin-top: 5px;}
.nav-change .navbar-nav > li > a{ margin:0 5px;padding:14px 5px;}	
.nav-change .navbar-nav > li > a:hover { border:0 none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ border:0 none;}
.banner-section{ margin:1px 0 25px;}
}


@media screen and (max-width:767px) {
.reco .apply{ display:inline-block;}
.txt-banner{ margin:0;}
.top-head {  width: 100%;}
.logo {    float: initial;    margin: 10px auto 0;}
.top-right {  float: left;  margin: 0;  width: 100%;}
.btn-section {display: table;float: none; margin: 0 auto;    width: auto;}
.menu-sec { width:100%; }

.banner-section{ margin:1px 0 5px;}
.content-wrapper img.right{ float:left;}
.content-holder {    margin-bottom: 10px;}
.pdr{ padding-right:15px;}
.weserve ul li {width: 23%;padding: 10px 1%;}
.nav-change .navbar-nav > li > a { color: #fff;}
}

 
@media screen and (max-width:639px) {
/*bootstrap custom column for max-width 639*/	
.col-xxs-1 { width:8.33333333%; } .col-xxs-2 { width:16.66666667%; } .col-xxs-3 { width:25%; } .col-xxs-4 { width:33.33333333%; } .col-xxs-5 { width:41.66666667%; } .col-xxs-6 { width:50%; } .col-xxs-7 { width:58.33333333%; } .col-xxs-8 { width:66.66666667%; } .col-xxs-9 { width:75%; } .col-xxs-10 { 83.33333333%; } .col-xxs-11 { width:91.66666667%; } .col-xxs-12 { width: 100%; }
/*------------*/	

.obatin{ margin:5px 0 0;}
.owner {   margin: 5px 0 0;}
.txt-banner .iphone,.txt-banner .android{ padding:10px;}
.appp-btnset { margin: 0 0 10px;}
.txt-banner{ margin:8px 0 13px;}
.txt-banner .iphone i, .txt-banner .android i {  margin-right: 3px;}
.txt-banner .iphone, .txt-banner .android {   padding: 6px 12px;}
.reco{ padding-top:5px;}
.content-holder h2 {    font-size: 30px;    margin-bottom: 10px;}
.content-holder p {    font-size: 15px;}
.txt-banner h2{ font-size:30px;}
.txt-banner h3{ font-size:24px; font-weight:300; margin-bottom:3px;}

}

@media screen and (max-width: 479px) {
/*bootstrap custom column for max-width 479*/
.col-xxxs-1 { width:8.33333333%; } .col-xxxs-2 { width:16.66666667%; } .col-xxxs-3 { width:25%; } .col-xxxs-4 { width:33.33333333%; } .col-xxxs-5 { width:41.66666667%; } .col-xxxs-6 { width:50%; } .col-xxxs-7 { width:58.33333333%; } .col-xxxs-8 { width:66.66666667%; } .col-xxxs-9 { width:75%; } .col-xxxs-10 { 83.33333333%; } .col-xxxs-11 { width:91.66666667%; } .col-xxxs-12 { width: 100%; }
/*------------*/	

.owner{ margin:0; padding:10px 3px;  font-size:11px;}
.obatin{ margin:0; padding:10px 3px; font-size:11px;}
.txt-banner {    padding: 0 5px;}
.weserve ul li {width: 48%;padding: 10px 1%;}


}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #333;
}