@charset "utf-8";
/*--------------media query css------------------*/
/*------------tablet landscape view------*/
@media (min-width:1225px) {
.container { width: 1200px; }
}
@media (max-width:1680px) {
.ft-menu{width: calc(100vw - 856px);}
}
@media (max-width: 1600px){
    .ft-menu {width: calc(100vw - 806px);}
}
@media (max-width:1500px) {
.ft-menu-inn li { margin: 0 10px }
.ft-menu-inn li a { font-size: 2.0rem; }
.ft-logo-inn a { width: 170px; }
    .testi-client-main ul li{width: 98%;}
}
@media (max-width:1350px) {
.con-inn span { font-size: 2.0rem; }
.con-inn a { font-size: 3.4rem; }
.logo-inn a { width: 190px; }
.con-inn { padding-top: 47px; }
.menu-inn { padding-top: 43px; }
.stickyHeader .con-inn { padding-top: 40px; }
.ft-social-inn a { font-size: 3.4rem; }
.ft-con-inn span { font-size: 1.7rem; }
.ft-con-inn a { font-size: 2.7rem; }
.ft-logo { width: 15%; }
.ft-con { width: 15%; text-align: right; }
    .ft-social{ width: 15%; text-align: center;}
.ft-menu { width: 54.9%; }
.ft-inn { padding: 0; }
.banner-text { padding-top: 132px; }
.enumenu_ul > li{ margin-right: 51px;}
 .ruhzbal img {  margin-top: 10px; }
    
}
@media (max-width:1225px) {
}
@media (max-width:1200px) {
.con-inn span { font-size: 1.6rem; }
.con-inn a { font-size: 2.6rem; }
.enumenu_ul > li > a { font-size: 2.0rem; }
.enumenu_ul > li { margin-right: 35px; }
.logo-inn a { width: 150px; }
.menu-inn { padding-top: 37px; }
.con-inn { padding-top: 39px; text-align: right; }
.stickyHeader .logo-inn a { width: 150px; }
.stickyHeader .menu-inn { padding-top: 37px; }
.stickyHeader .con-inn { padding-top: 39px; }
.logo-inn { text-align: left; padding: 10px 0 10px 15px; }
.enumenu_ul.desk ul { min-width: auto; }
.testi-client-main ul li a { font-size: 2.6rem; padding: 17px 0 13px; }
.testi-client-main ul li a span { font-size: 1.6rem; padding-left: 38px; }
.testi-client-main ul li { padding: 0px 10px 0px 10px; }
.testi-client-main ul li a span:before { width: 18px; height: 46px; left: 5px; top: 12px; }
.ft-social-inn a { font-size: 3.2rem; }
.ft-con-inn span { font-size: 1.6rem; }
.ft-con-inn a { font-size: 2.5rem; }
.ft-social-inn { margin-right: 20px; }
.ft-menu-inn li a:after { right: -10px; left: -10px; }
.banner-text { padding-top: 112px; }
}
@media (max-width:1024px) {
.slider-img { height: 535px; }
.text-inn h2 { font-size: 8.0rem; }
.text-inn span { font-size: 6.0rem; line-height: 62px; margin-bottom: 10px; }
.text-inn p { font-size: 3.0rem; }
.testi-title h2:before { width: 293px; bottom: -13px; }
.ft-logo-inn a { width: 150px; }
.ft-social-inn a { font-size: 3.0rem; }
.ft-con-inn span { font-size: 1.5rem; }
.ft-con-inn a { font-size: 2.5rem; }
.nav-title h3:after { height: 80px;
    width: 131px; margin: inherit; }
.nav-title h3 { font-size: 1.9rem;line-height: 21px;}
.banner-text:before { background-size: 80%; }
.ios .ft-social-inn a.ios-fb, .android .ft-social-inn a.android-fb { display: inline-block !important; }
.ft-social-inn a.desk-fb, .ft-social-inn a.ios-fb, .ft-social-inn a.android-fb { margin-right: 4px }
.ft-menu-inn li a {font-size: 1.8rem;}
.ft-menu-inn li {margin: 0 7px;}
.ft-logo-inn a {width: 140px;}
}

/*------------tablet portrait  view------*/
@media (max-width:991px) {
.con-inn a { font-size: 1.9rem; }
.con-inn span { font-size: 1.1rem; }
.enumenu_ul > li > a { font-size: 1.7rem; }
.enumenu_ul.desk ul li a { font-size: 1.4rem; }
.sec-img { padding: 0 15px; }
.img-text-sec { display: block; margin-bottom: 30px; }
.sec-img-main { margin-bottom: 15px; }
.logo-inn a { width: 110px; }
.stickyHeader .logo-inn a { width: 110px; }
.con-inn { padding-top: 32px; }
.menu-inn { padding-top: 28px; }
.stickyHeader .con-inn { padding-top: 32px; }
.stickyHeader .menu-inn { padding-top: 28px; }
.welcome-main { padding: 27px 0 31px; }
.welcome-title h1 { font-size: 3.6rem; }
.contact-title h2 { font-size: 3.6rem; }
.fcontact-main { padding: 31px 0 31px; }
.testi-main { padding: 30px 0 22px; }
.testi-title h2 { font-size: 3.6rem; }
.ft-menu-inn li a { font-size: 1.5rem; }
.ft-social-inn a { font-size: 2.4rem; }
.ft-con-inn span { font-size: 1.1rem; }
.ft-con-inn a { font-size: 1.9rem; }
.ft-menu-inn li { margin: 0 7px; }
.ft-logo-inn a { width: 100px; }
.ft-social-inn { margin-right: 13px; }
.ft-menu { margin-top: 35px; width: 48%; }
.banner-text { padding-top: 91px; }
.tslider-inn { margin-top: 10px; text-align: center; }
.free-btn em { font-size: 1.6rem; }
.free-btn em:before { top: -2px; left: -35px; width: 29px; height: 40px; }
.nav-inn { margin-top: 8px; }
.enumenu_ul > li {margin-right:25px;}
    .enumenu_ul > li > a:after{ right: -10px; left: -10px;}
/*    .testi-slider { height: 580px; }*/
}
/*------------mobile landscape  view------*/
@media (max-width:767px) {
h1 { font-size: 3.0rem; line-height: 1.1; }
h2 { font-size: 2.4rem; line-height: 1.1; }
h3 { font-size: 2.2rem; line-height: 1.1; }
h4 { font-size: 2.2rem; line-height: 1.1; }
h5 { font-size: 2.2rem; line-height: 1.1; }
h6 { font-size: 2.2rem; line-height: 1.1; }
p { font-size: 1.4rem; line-height: 1.4; }
.enumenu_ul { display: none; }
.menu-block { height: auto; }
.menu-icon { display: block; cursor: pointer; position: absolute; top: 0; bottom: 0; right: 0; left: auto; width: 70px; margin-right: 0; background-color: #fff; }
.enumenu_ul > li { width: 100%; margin: 0px; padding: 0px; text-align: left; border-bottom: 1px solid #d8d8d8; padding: 8px; }
.enumenu_ul > li:last-child { border-bottom: 0; }
.enumenu_ul > li > a { display: inline-block; text-align: center; color: #ffffff; position: relative; font-size: 1.8rem; }
.enumenu_ul > li.hover > a{ color: #f1ebb8; }
.enumenu_ul { width: 100%; position: fixed; left: 0; right: 0; top: 85px; bottom: 0; background: #014723;    padding: 30px 60px 30px 60px; overflow: auto; }
.enumenu_ul > li ul { padding: 0 0 0 15px; }
.enumenu_ul > li ul a { text-align: center; display: inline-block; text-align: center; color: #fff; margin: 5px 0; font-size: 1.4rem;text-decoration: underline !important;}
.enumenu_ul > li ul a:last-child { margin-bottom: 0; }
.enumenu_ul > li ul a:hover { color: #f1ebb8; }
/* Push Menu */
body.menuslide_push { position: relative; }
body.menuslide_push.slidemenuLeft { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; }
body.menuslide_push.slidemenuRight { right: 0; transition: right 0.5s; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; }
body.slidemenuRight .enumenu_ul { right: -300px; }
body.slidemenuRight.menu-open .enumenu_ul { right: 0; }
body.slidemenuLeft .enumenu_ul { left: -300px; }
body.slidemenuLeft.menu-open .enumenu_ul { left: 0; }
body.menuslide_push.slidemenuLeft.menu-open { left: 300px }
body.menuslide_push.slidemenuRight.menu-open { right: 300px }
body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul { background: #000000 none repeat scroll 0 0; display: block; height: 100%; max-height: 100%; width: 100%; overflow: auto; position: fixed; transition: all 0.5s ease 0s; max-width: 300px; top: 0; }
.menu-main { position: inherit; }
.enumenu_ul > li:before { display: none; }
.enumenu_ul.desk ul { min-width: 100%; margin: 0 auto; }
.logo-main { width: 25% !important; }
.menu-main { width: 10%; float: right; }
.contact-main { width: 65%; padding-right: 15px; }
.con-inn { text-align: right; }
.enumenu_ul > li > a:after { display: none; }
.contact-title h2 { font-size: 3.0rem; line-height: 1.2; }
.contact-title h2:before { bottom: -18px; }
.contact-form { margin: 48px auto 0 auto; }
.wufoo li .field { padding: 10px 15px; font-size: 1.6rem; }
.wufoo li { margin-bottom: 62px; }
li.buttons { margin-bottom: 0; }
.txt-area { height: 42px; }
.ft-logo-inn a { width: 150px; }
.ft-con { width: 100%; text-align: center; }
.ft-menu { width: 100%; margin-top: 0px; margin-bottom: 19px; }
.ft-logo { width: 100%; text-align: center; margin: 0 0 24px 0; }
.ft-menu-inn li { display: block; margin: 0; }
.ft-menu-inn li a:after { display: none; }
.ft-menu-inn li a:hover { color: #040404 }
.ft-con { width: 100%; text-align: center; margin-top: 0px; }
.ft-social-inn { display: block; margin-bottom: 22px; }
.footer-main { margin: 30px 0 22px; }
.slider-img { height: 450px; }
.testi-left { display: none; }
.testi-slider { max-width: 100%; text-align: center; }
.tslider-inn p { text-align: center; font-size: 2.0rem; line-height: 1.4 }
.header-main { border-top: 4px solid #004723; }
.nav-title h3 { font-size: 1.8rem;line-height: 20px; }
.nav-title h3:after { height: 88px; width: 161px; }
.testi-slider { max-width: 80%; }
.testi-slider .owl-nav { display: block; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.grid-sizer, .grid-item { width: calc(50% - 10px); }
.banner-text:before { background-size: 70%; }
.ft-social-inn { margin-right: 0;margin-left: 0; }
.ft-social-inn a { font-size: 3.0rem; }
.ft-menu-inn li a { margin-bottom: 3px; }
.ft-menu-inn li a:last-child { margin-bottom: 0; }
.ft-social-inn.mob-social{ display:block; border-bottom: 0}
.ft-social-inn.mob-social a{ font-size: 3.2rem;}
.ft-con-inn.mob-con{ display: block;border-bottom: 0; padding-top: 26px;}
.ft-con-inn.mob-con span{ color: #fff; font-size: 1.6rem; letter-spacing: 1px;}
    .ft-con-inn.mob-con a{ font-size: 2.0rem;}
    .banner-text {padding-top: 83px;}
    .logo-inn{ width: 140px;}
    .nav-inn a:before{ display: none;}
    .nav-inn a .free-btn{bottom: 17%;opacity: 1;visibility: visible;}
    .nav-title.hover-title{ opacity: 1; visibility: visible;}
.ft-social {width: 100%;text-align: center;margin-top: 0;}   
    
    a#bbblink { margin: 0 auto !important;}
/*    .testi-slider { height: 540px; }*/
 .contact-form iframe { height: 525px !important; }
}
@media (max-width:640px) {
.contact-main { width: 52%; padding-right: 25px; }
.logo-main { width: 37% !important; }
.text-inn span { font-size: 4.0rem; line-height: 40px; margin-bottom: 5px; }
.text-inn h2 { font-size: 6.0rem; }
.text-inn p { font-size: 2.0rem; }
.contact-title h2 span { display: block; }
.contact-title h2:before, .welcome-title h1:before { width: 355px; }
.contact-title h2:before { bottom: -10px; }
.welcome-con p { font-size: 1.6rem; }
.banner-text:before { background-size: 50%; }
.banner-text {padding-top: 71px;}
}
/*------------mobile portrait view------*/
/*----------optional css------*/
@media (max-width:480px) {
.text-inn span { font-size: 3.2rem; line-height: 32px; margin-bottom: 12px; }
.text-inn h2 { font-size: 5.2rem; }
.text-inn p { font-size: 1.8rem; }
.con-inn a em { display: inline-block; font-size: 3.4rem; color: #014723; position: relative; top: -14px; right: 15px; }
.con-inn a em:hover { color: #040603 }
.con-inn a { font-size: 0; }
.con-inn span { display: none; }
.logo-inn a { width: 90px; }
.stickyHeader .logo-inn a { width: 90px; }
.logo-inn { width: 120px; }
.menu-icon .menu-box { top: 23px; }
.enumenu_ul { top: 75px; }
.welcome-title h1 { font-size: 2.6rem; }
.contact-title h2:before, .welcome-title h1:before, .testi-title h2:before { width: 235px; }
.contact-title h2 { font-size: 2.6rem; }
.contact-form { margin: 30px auto 0 auto; }
.testi-title h2 { font-size: 2.6rem; }
.tslider-inn { margin-top: 10px; }
.nav-title h3 { font-size: 1.6rem;line-height: 18px; }
.nav-title h3:after { height: 78px; width: 141px; }
.testi-slider .owl-prev { left: -20px }
.testi-slider .owl-next { right: -20px }
.grid-sizer, .grid-item { width: 100%; }
.banner-text { padding-top: 58px; }
.banner-text:before { background-size: 40%; }
.nav-inn a{width:270px;height: 278px;    margin: 0 auto;}
.nav-img img {width:270px;height:270px;}
.free-btn em:before {top: -52px;left:0;width: 39px;height: 50px; right: 0; margin: 0 auto;}
.nav-inn a .free-btn {bottom: 21%;}
    .nav-inn a:hover .free-btn{ bottom: 21%;}
    .nav-title.hover-title{ top: 32%;}
}
@media (max-width:380px) {
.text-inn span { font-size: 3.0rem; line-height: 26px; margin-bottom: 10px; }
.text-inn h2 { font-size: 4.2rem; }
.text-inn p { font-size: 1.6rem; }
.con-inn a em { right: 20px; }
.banner-text:before { background-size: 35%; }
.testi-slider .owl-prev { left: -35px; }
.testi-slider .owl-next { right: -35px; }
}
/*---------use only when design is customise-----------*/