@charset "utf-8";
/* CSS Document */
@fa-font-path:   "font/FontAwesome.otf";
@font-face {
    font-family:"Open Sans Semibold";
    src: url(font/OpenSans-Semibold.ttf);
}
@font-face {
    font-family:"Open Sans";
    src: url(font/OpenSans-Regular.ttf);
}
@font-face {
    font-family:"FontAwesome";
    src: url(font/FontAwesome.otf);
}

body{margin:0px; padding:0px; font-family:"Open Sans";}
.head {
    background-color: rgba(51, 51, 51, 0.8);
    height: 45px; 
}
.soc-wrp-f{width:100%; height:auto; overflow:hidden; padding: 10px; background:#2682ff;}
.soc-wrp-f img{width:100%; height:auto;}

.soc-wrp-bl{width:100%; height:auto; overflow:hidden; padding: 10px; background:#f89029;}
.soc-wrp-bl img{width:100%; height:auto;}

.soc-wrp-g{width:100%; height:auto; overflow:hidden; padding: 10px; background:#dc4a3d;}
.soc-wrp-g img{width:100%; height:auto;}

.soc-wrp-t{width:100%; height:auto; overflow:hidden; padding: 10px; background:#00aced;}
.soc-wrp-t img{width:100%; height:auto;}

.soc-wrp-p{width:100%; height:auto; overflow:hidden; padding: 10px; background:#cb2027;}
.soc-wrp-p img{width:100%; height:auto;}

.soc-wrp-ln{width:100%; height:auto; overflow:hidden; padding: 10px; background:#007bb5;}
.soc-wrp-ln img{width:100%; height:auto;}

.soc-wrp-zb{width:100%; height:auto; overflow:hidden; padding: 10px; background:#da3637;}
.soc-wrp-zb img{width:100%; height:auto;}

.skill-image-banner {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    background: #e9e9e9;
    color: #f6821f;
}
.tranning-head {
    position: relative;
    margin: 0;
    font-weight: 600;
    color: #302073;
}
.tranning-head:after {
    content: '';
    border-bottom: solid 3px #6d6e71;
    display: block;
    width: 60px;
    margin: 20px auto 40px;
}
.tranning-head span {
    color: #f6821f;
}

.tranning-wrp-sq {
    background: #EEE;
    height: 250px;
    margin: 15px 0;
    padding: 30px 0px;
    font-weight: 600;
    color: #333;
    border: solid 1px #d3d3d3;
}
.icon-circle-t {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    border-radius: 50%;
    padding: 10px;
}
.icon-circle-t img {
    width: 100%;
    height: auto;
}
.tranning-wrp-sq p {
    font-size: 18px;
    font-weight: 600;
    color: #2760a6;
}
.skill-image-banner h3{position:static; width:100%; text-align:center;}
.skill-image-banner img{width:100%; height:auto;}

.icn-holder {
    width: 100%;
    position: absolute;
    z-index: 999;
    height: 50px;
    top: 43%;
}


.inner-lgo-left {
    width: auto;
    height: auto;
    float: left;
    margin: 23px 0 0px;
    color: #d62219;
    font-weight: 600;
    text-transform: uppercase;
	    padding: 0 12px;
}
.product-range {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0px;
    background: #f6f6f6;
}

.inner-lgo-right{
    width: 330px;
    height: auto;
    float: right;
    margin: 10px 0px;
}

.inner-lgo-right img{width:100%; height:auto;}
.logo-nav-wrap {
    width: 100%;
    background: #fff;
    height: auto;
    float: left;
    position: relative;
    z-index: 9993;
}
.facebook-wrap {
    width: 25px;
    height: auto;
    position: absolute;
    top: 18px;
    left: 12px;
}
.facebook-wrap img{width:100%; height:auto;}


.phone-block p {
    color: #257220;
    font-weight: 600;
    margin: 0;
}


/*------------------------navigation css-----------------------------------*/
.nav-bar {
    width: 100%;
    transition: all 0.5s ease-in 0s;
    text-align: center;
    z-index: 999;
    float: left;
    background: #f7f7f7;
}
.channel-partner {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    background: #fff;
    float: left;
}
.auth {
    width: 100%;
    height: auto;
    padding: 15px;
}
.auth img {
    width: 100%;
    height: auto;
}
.btm-ln {
    font-size: 24px;
    color: #ffbc00;
    position: relative;
    margin: 0 0 30px;
    border-bottom: solid 1px #ccc;
    text-align: left;
    width: 100%;
}
.btm-ln:after {
    content: '';
    border-bottom: solid 3px #302073;
    display: block;
    width: 60px;
    margin: 8px 0;
    top: 10px;
    position: relative;
}
#mobile-menu{ display: block;}
#menu{ display: none;}
.slicknav_menu{ display: none; transition: all 0.5s ease-in 0s;}
#nav_wrapper{display: block; transition: all 0.5s ease-in 0s; position:relative; z-index:9991;     float: left;}
#nav_wrapper ul{}
#nav_wrapper ul.menu {margin: 0; padding: 0; width: auto; float: left; text-align: left;}
#nav_wrapper ul.menu li { list-style-type: none; padding: 0; float: left; margin: 0;}
#nav_wrapper ul.menu li a {
    display: block;
    color: #26156e;
    font-size: 15px;
    padding: 0 12px;
    line-height: 46px;
    margin: 0;
    text-decoration: none;
    transition: all 0.5s ease-in 0s;
    font-weight: 600;
    width: auto;
    text-align: center;
}
#nav_wrapper ul.menu li:hover a, #nav_wrapper .menu li.current-menu-item a, #nav_wrapper .menu li.current-menu-ancestor a, #nav_wrapper .menu li.current-page-ancestor a{color: #dc211b  !important; }
.activ-link {
    color: #dc211b  !important;
}
#nav_wrapper ul.menu li{position:relative;}
#nav_wrapper ul.menu li ul.sub-menu{display: none; width:310px;  background:#00b0f0; padding: 15px 10px 15px 20px;  margin:0; position:absolute; top:100%; left:0px; z-index:999999; height:auto; overflow:hidden;}
#nav_wrapper ul.menu li:hover ul.sub-menu{display:block;}
#nav_wrapper ul.menu li ul.sub-menu li{padding:0; display:block; z-index:9999; float:none; margin:0 auto;}
#nav_wrapper ul.menu li ul.sub-menu li a{font-size:12px; line-height:20px; text-transform: none !important; display:block;	padding: 0px 20px !important; margin:0; color:#fff; border:none; font-family:"Open Sans Semibold"; font-size:14px; background-image: url("../images/drop.png"); background-position: left 8px; background-repeat: no-repeat; margin: 11px 0;}
#nav_wrapper ul.menu li ul.sub-menu li:hover a{color:#333333; background-image: url("../images/drop-h.png");}
#nav_wrapper ul.menu li ul.sub-menu li.current-menu-item a, #nav_wrapper ul.menu li ul.sub-menu li.current-menu-ancestor a, #nav_wrapper ul.menu li ul.sub-menu li.current-page-ancestor a{ color:#5b0f70;}
#nav_wrapper ul.menu li:last-child ul.sub-menu{right:0;	left:inherit;}
/*------------------------navigation css-----------------------------------*/


.social-m {
    list-style: none;
    float: right;
    padding: 0px;
    margin: 0px;
}
.social-m li {
    float: left;
    border-right: solid 1px #fff;
}
.social-m li:nth-child(1){border-left:solid 1px #fff;}
.social-m li > a {
    color: #ffffff;
    width: 30px;
    display: block;
    text-align: center;
}
.top-bar {
    width: 100%; display:none;
    height: auto;
    background: #888887;
    float: left;
    padding: 5px 0px;
    font-weight: 600;
    color: #fff;
}
.top-bar p {
    margin: 0px;
    font-size: 14px;
    float: left;
    width: auto;
    background-size: 20px;
    background-repeat: no-repeat;
}
.top-bar p svg{margin-right:5px;}










/*--------------carousel pager dots---------------------*/
#multiple .cycle-pager {bottom: 45px; position: absolute; right: 40px; text-align: center; z-index: 9999;}
#multiple .cycle-pager span {color: #ddd; display: inline-block; height: 19px; background: rgba(0, 0, 0, 0) url("../images/pager-icon2.png") no-repeat scroll 0 0;
margin: 0 3px; text-indent:-10000px; width: 20px; cursor:pointer;}
#multiple span.cycle-pager-active{color:#00b0f0; background: rgba(0, 0, 0, 0) url("../images/pager-icon.png") no-repeat scroll 0 0;}
/*--------------carousel pager dots---------------------*/
/*--------------Carousel---------------------*/
.cycle-slideshow img{ width:100%; height: auto; position:relative;}
.center{ position:absolute; top:45%; z-index:999; width:100%;}
#multiple {position: relative; overflow: hidden; width: 100%; float: left; background:#ededed; background-size: cover; background-attachment: fixed; background-position: 0 0;}
#multiple .prevControl {
    width: 50px;
    height: 50px;
    float: left;
    background: #000 url(images/arrow-ri-c.png) !important;
    background-size: 100% !important;
    border: solid 1px #fff;
}
#multiple .prevControl:hover .fa{color:#fff;}
#multiple .nextControl:hover .fa{color:#fff;}
#multiple .nextControl {
    width: 50px;
    height: 50px;
    float: right;
    background-color: #000;
    background: #000 url(images/arrow-le-c.png) !important;
    background-size: 100% !important;
    border: solid 1px #fff;
}
.icn-holder .prevControl .fa {color: #8e8c8b; cursor: pointer; display: block; float: left; font-size: 50px; text-align: center; width: 50px;}
.icn-holder .fa {color: #8e8c8b; cursor: pointer; font-size: 50px; margin-right: 25px; text-align: center; width: 50px;}
.cycle-slide{ width:100%; height:auto; position:absolute;}
.cycle-slide img{ width:100%; height:auto;}
.banner-overlay {position: absolute; top: 15%; width: 100%; text-align: left; z-index: 999; min-height: 67px; color: #fff;  background: transparent; padding: 15px 0; right: 0px;}
.banner-overlay h2 {font-size: 60px; text-shadow: 1px 2px 5px #000; margin: 0; font-weight: 600; line-height: 65px; margin-bottom: 20px;}
.banner-overlay p {text-align: left; font-weight: 600; font-size:24px; font-size: 24px;}

/*--------------Carousel---------------------*/
.download-bro .btn {
    position: relative;
    z-index: 99;
    margin: 30px 0 0;
    background: #302073;
    border: solid 2px #ffbc00;
    width: auto;
    border-radius: 0px;
}
.prodcut-wrp{width:100%; background:#fff; height:autp; float:left;}
.product-range .item {
    padding: 0 5px;
}

.product-range h5 span {
    text-decoration: line-through;
    color: #d62219;
    margin: 0 5px;
}
.download-bro {
    width: 100%;
    min-height: 102px;
    position: relative;     padding: 0 30px;
    background: #ffbc00;
    float: left;
    border-top: solid 1px #fff;
}
.download-bro h4{
    font-size: 18px;
    line-height: 100px;
    margin: 0px;
    color: #333;
}
.download-bro:after {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    height: 100%;
    width: 30%;
    background: #302073;
    border-top: 50px solid transparent;
    border-left: 48px solid #ffbc00;
    border-bottom: 50px solid transparent;
    /* z-index: 99; */
}
.abt-us-blk {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 40px 0 30px;
}
.abt-us-blk h5 {
    font-size: 1.25rem;
    color: #302073;
    margin: 20px 0px;
}
.heading-h2 {
    margin: 0;
    padding: 0;
    color: #da302b;
    position: relative;
    font-size: 26px;
    font-weight: 600;
}
.link-t {
    margin: 10px 0;
    height: auto !important;
}
.slider-nav .slick-slide {
    margin: 0px 10px;
}
.slick-slide img {
    width: 100%;
    margin-top: 30px;
    border: 2px solid #cccccc42;
}
.descripition-blocks {
    width: 100%;
    height: auto;
    padding: 60px 0px 30px;
    float: left;
    background-color: #ffffff;
}
.client-sp {
    width: 100%;
    height: auto;
    clear: both;
    font-size: 16px;
    font-weight: 600;
    color: #26146b;
}
.ques-ans {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 30px 0 60px;
    border-top: #f1f1f1;
    background-color: #ffffff;
    font-weight: 300;
}
.ques-heads {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #616161;
    font-weight: 700;
    font-family: open sans;
    margin: 0 0 20px;
}
.star-strip {
    font-size: 15px;
    color: #d8241f;
    margin: 0 0 10px;
    float: left;
}
.right-review {
    float: right;
}
.review-wrp{width:100%; float:left; height:auto; padding:15px 0px;}

.right-review a {
    font-style: italic;
    text-decoration: underline;
    color: #26146b;
    font-weight: 700;
}
.ques-txt {
    width: 90%;
    float: left;
    font-size: 14px;
}
.ques-wrap {
    width: 100%;
    height: auto;
    float: left;
}
.descripition-blocks{font-weight:300;}
.descripition-blocks .btn-default {
    background: #da302b;
    transition: .5s all ease-in;
    width: 150px;
    color: #ffffff;
    margin: 10px 0 0px;
    border: none;
    padding: 10px 0px;
    border-radius: 5px;
    font-size: 16px;
}
.social-media-icn {
    position: fixed;
    min-height: 500px;     top: 80px;
    width: 50px;
    z-index: 9993;
    display: none;
}
.social-media-icn ul{margin:0px; padding:0px; list-style:none;}
.social-media-icn ul li {
    width: 100%;
    height: 50px;
    margin: 0 0 5px;
    background: #ffffff;
}
.social-media-icn ul li {text-align:center;}
.social-media-icn ul li p {
    margin: 0px;
    font-size: 13px;
}
.link-t a{
    font-style: italic;
    text-decoration: underline;
    color: #26146b;
    font-weight: 700;
}




.link{margin:10px 0 0;}
.link a {
    font-style: italic;
    text-decoration: underline;
    color: #26146b;
    font-weight: 700;
}
.products-pic-yk {
    width: 200px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 15px 0px;
}
.products-pic-yk img{
    width: 100%;
    height: auto;
}
.heading-h2-yk {
    margin: 0;
    padding: 0;
    color: #da302b;
    position: relative;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}
.heading-h2-yk span {
    color: #302073;
    font-weight: 600;
}
.heading-h2-yk:after {
    content: '';
    border-bottom: solid 3px #d92c25;
    display: block;
    width: 60px;
    margin: 20px auto 40px;
}
.about-us-lest{margin: 0 0 20px; padding:0px; list-style:none;}
.about-us-lest li {
    background: url(images/bullet.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 0 8px;
}

.heading-inf {
        margin: 0 0 15px;
    padding: 0;
    color: #da302b;
    position: relative;
}
.heading-inf span {
    color: #302073;
    font-weight: 600;
}

.heading-inf-h5:after {
    content: '';
    border-bottom: solid 3px #b4b4b4;
    display: block;
    width: 60px;
    margin: 15px auto 40px;
}



.abt-icn {
    width: 120px;
    height: auto;
    margin: 20px auto 0;
}
.abt-icn img{width:100%; height:auto;}
.heading-h2:after {
    content: '';
    border-bottom: solid 3px #d92c25;
    display: block;
    width: 60px;
    margin: 20px 0 40px;
}
.rm-link {
    color: #302073;
    text-decoration: underline;
    font-weight: 600;
    font-style: italic;
}
.heading-h2 span{
    color: #302073;
    font-weight: 600;
}
.cont-lst-1 {
    text-align: left;
    margin: 0 0 30px;
    padding: 0px;
    list-style: none;
}
.cont-lst-1 li {
    padding: 0 0 10px;
    margin: 0 0 10px;
    padding-left: 75px;
}
.cont-lst-1 li:nth-child(1) {
    background: url(images/placeholder.png);
    background-size: 50px;
    background-repeat: no-repeat;
}
.cont-lst-1 li:nth-child(2) {
    background: url(images/mail.png);
    background-size: 50px;
    background-repeat: no-repeat;
    line-height: 50px;
}
.owl-buttons{text-align:right;}
.cont-lst-1 li:nth-child(3) {
    background: url(images/smartphone.png);
    background-size: 50px; line-height: 50px;
    background-repeat: no-repeat;
}
.cont-lst-1 li:nth-child(4) {
    background: url(images/clock.png);
    background-size: 50px;
    background-repeat: no-repeat;
    line-height: 50px;
}
.clients {
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0px;
    background: #f7f7f7;
    border-top: solid 1px #ccc;
}
.clients .form-control{border-radius: 0px;}
.products-section {
    width: 100%;
    padding: 30px 0px;
    min-height: 500px;
    float: left;
    position: relative;
    background: url(images/prx-back.jpg);
    background-position: 0 center;
    background-size: cover;
    background-attachment: fixed;
}
.products-section h4 {
    color: #ffffff;
    text-align: center;
    margin: 0 0 40px;
    font-size: 20px;
    font-weight: 300;
}
.text-wrap {
    background: transparent;
    padding: 15px;
    min-height: 10px;
    overflow: hidden;
    float: left;
    text-align: center;
    color: #302073;
    border-bottom: solid 3px #302073;
    width: 100%;
    background: rgba(255,255,255,0.8);
    border-top: solid 1px #fff;
}
.price-sec-h {
    font-size: 18px;
    text-align: center;
    margin: 0px;
    padding: 8px 0px;
    width: 100%;
    float: left;
}
.product-range .buy-now-btn {
    color: #fff;
    background-color: #d42719;
    border-radius: 0px;
    width: 100%;
    border: solid 2px #d42719;
    float: right;
}
.cart-wrp-inner {
    width: auto;
    height: auto;
    float: right;
}
.class-list {
    float: left;
    margin: 7px 0px;
    padding: 0px;
    list-style: none;
    color: #333;
}
.class-list li {
    display: inline-block;
    margin: 0 2px;
}
.class-list li a {
    display: block;
    width: 30px;
    height: 30px;
    background: #d7241a;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
}
.total {
    float: left;
    width: auto;
    height: auto;
    padding: 0 0px;
    text-align: center;
    color: #342374;
    font-weight: 600;
    line-height: 46px;
    margin: 0px;
    margin-left: 10px;
}
.products-pic {
    width: 130px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.product-wrp-icn{width:100%; height:auto; overflow:hidden; float:left; background: rgba(255,255,255,0.8);}
.foot {
    width: 100%;
    height: auto;
    float: left;
    background: #333;
    padding: 30px 0 0;
}
.foot-sec {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 30px;
}
.foot ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.foot ul li {
    color: #ffffff;
    display: inline;
    padding: 0 10px;
    border-right: solid 1px #7d93b7;
}
.foot ul li a {
    color: #FFFFFF;
    font-size: 14px;
}
.foot-sec {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 30px;
}
.copyri {
    text-align: center;
    color: #fff;
    padding: 20px 0px;
    width: 100%;
    height: auto;
    float: left;
    border-top: solid 1px #fff;
}

.prodcut-wrp h4 {
    font-size: 1.25rem;
    height: 58px;
    margin: 0 0 20px;
    border-bottom: solid 1px #ccc;
}
.abt-us-blk .btn-link {
    font-weight: 400;
    color: #da302b; text-decoration:none;
    background-color: transparent;
    font-family: open sans;
}
.abt-us-blk .card-header {
    padding: 5px 10px;
    margin-bottom: 0;
    background-color: rgb(243, 243, 243);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.prodcut-wrp p {
    height: 100px;
}
.topper {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 15px;
    bottom: 20px;
    background-color: #d72820;
    display: none;
}
.topper > a {
    width: 100%;
    height: 100%;
    line-height: 40px;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 20px;
}
.copyri a {
    color: #d72820;
    font-weight: 600;
}
.products-section .btn-default {
    color: #302073;
    border-color: #ccc;
    width: 150px;
    transition: .5s all ease-in;
    padding: 0px;
    line-height: 50px;
    border-radius: 0px;
    background: #ffffff;
    font-size: 16px;
    border: solid 3px #da302b;
    font-weight: 600;
}
.products-pic img {
    width: 100%;
    height: auto;
}
.products-section .item {
    padding: 0px 10px;
}
.head-text-b {
    text-align: center;
    margin: 0 0 30px;
    color: #fff;
    text-shadow: 0 4px 3px #000;
    font-weight: 300;
    font-size: 40px;
}
.head-text-b::after {
    content: '';
    border-bottom: solid 3px #ffbc00;
    display: block;
    width: 60px;
    margin: 10px auto 25px;
}
.contact-btn {
    color: #302073;
    width: 150px;
    transition: .5s all ease-in;
    padding: 0px;
    line-height: 50px;
    border-radius: 0px;
    background: #ffffff;
    font-size: 16px;
    border: solid 3px #302073;
    font-weight: 600;
}
.contact-btn:hover {
    color: #fff;
    background-color: #f6821f;
    border-color: #0062cc;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #444 !important;
    background-color: rgba(255,255,255,0.9) !important;
}
.mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0,0,0,0.1) !important;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -73px !important;
    opacity: 1;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -0 -90px !important; opacity: 1;
}
.para-head{
    font-family:"myrid pro";
    margin: 0 0 20px;
    font-weight: 600;
}

/*--------------Carousel---------------------*/



.nav-banner-wrap {
    width: 100%;
    height: auto;
    float: left;
    z-index: 999;
    border-bottom: solid 1px #ccc;
    position: static;
    background: rgba(255,255,255,0.7);
}










@media only screen and (min-width: 767px) 
{
.sticky {position: fixed; top: 0; left: 0px; transition: .5s all ease-in; z-index: 9991; transition: .5s all ease-in; background-color: #ffffff;}
.sticky .inner-lgo {
    margin: 5px 0px;
        width: 317px;
}
.sticky.nav-banner-wrap:before {
   
    border-top: 62px solid transparent;
}
#sticky-lgo{display:none; background-color: #135a18; background-color: #135a18;}
.sticky .logo-wrap .inner-lgo{ box-shadow: 0 2px 3px #000;}
.sticky .phone{display:none;}
.sticky .logo-wrap {width: 187px; height: auto; float: left; z-index:9995; top: -10px;}
.disp{display:block;}
.disp-n{display:none;}
.sticky .activ-link {color: #f6821f !important;}
.sticky #nav_wrapper ul.menu li a:hover {
    color: #ffffff;
}
.sticky .nav-bar-wrap{margin:15px 0 0; background-color: #135a18;}
.sticky #nav_wrapper ul.menu li a > span{top:-14px; background-color: #135a18;}
.sticky #nav_wrapper ul.menu li a {
    height: 62px;
    line-height: 62px;
    transition: .5s all ease-in;
    font-size: 14px;
    
}
.sticky .scroll-down{display:none;}
}
/*----------------------------------internal page about us-------------------------------------------------------*/







@media only screen and (max-width: 767px){
	
.sticky{display:none; transition:.5s all ease-in;}

	
	#sticky-lgo{display:none;}
}
@media only screen and (max-width: 768px) {
.nav-banner-wrap:before{display:none;}
.cont-lst-1 li {padding-left: 60px; font-size: 15px;}
/*------------------------navigation css-----------------------------------*/
.slicknav_menu{background: #594a43 none repeat scroll 0 0 !important;}
.slicknav_nav .slicknav_row {padding: 0px !important; margin: 0px !important; }
#nav_wrapper ul.menu{ display: none;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
.slicknav_menu{ display:block !important;}
.nav-bar{width:100%; margin-bottom:10px;}
.nav-bar{margin-bottom:0px;}
/*------------------------navigation css-----------------------------------*/
#multiple #sticky-lgo{display:none;}
.nav-bar::after{display:none;}
.nav-bar{position:static;}
.logo-wrap-2{display:none;}
.nav-banner-wrap .nav-bar{background-color:#257220;}
.icn-holder{top:30%;}
.tranning-section-home{padding:40px 0px;}
.nav-bar{text-align:left !important;}
#nav_wrapper{width: 100%;}
.nav-banner-wrap .container{width:100%; }
.skill-image-banner h3 {
   position: static;
    width: 100%;
    text-align: center;
    font-size: 20px;
    padding: 0 20px;
}
.inner-lgo{margin:0 auto; float: none;}
}
/*------------------------navigation css-----------------------------------*/

@media only screen and (max-width: 400px){}
@media only screen and (max-width: 500px){}
@media only screen and (min-width: 1000px){}
@media only screen and (min-width: 769px) and (max-width:800px){}
@media only screen and (min-width: 768px) and (max-width:900px){}
@media only screen and (min-width: 769px) and (max-width:991px){
	
	.inner-lgo {
    width: 173px;
    
    margin: 10px 0px;
}
	.nav-banner-wrap:before {width: 70%;}
	.sticky .inner-lgo {
    margin: 5px 0px;
    width: 153px;
}
.tranning-wrp-sq {
    background: #EEE;
height: 275px;}
#nav_wrapper ul.menu li a {
    
    font-size: 13px;
    padding: 0 6px;
    line-height: 77px;

}
	.skill-image-banner h3{position:static;}
	.sticky #nav_wrapper ul.menu li a {
    height: 62px;
    line-height: 62px;
    transition: .5s all ease-in;
    font-size: 12px;
}
}
@media only screen and (min-width: 992px) and (max-width:1150px){
	.inner-lgo {
    width: 173px;
    
    margin: 10px 0px;
}
	.nav-banner-wrap:before {width: 70%;}
	.sticky .inner-lgo {
    margin: 5px 0px;
    width: 208px;
}
.tranning-wrp-sq {
    background: #EEE;
height: 275px;}
}