.main-menu .navbar-nav .submenuheader{font-family: 'Muli', sans-serif; text-transform: capitalize;   font-size: 17px;    font-weight: 700;    line-height: 25px;    position: relative;    color: #333;}
.product_page .blog-content{padding: 20px;min-height: 265px;    margin-bottom: 30px;}
.product_page .title-info p{display:none;}
.product_page .blog-content h4{    font-size: 18px;    text-align: center;    padding: 0;    margin-bottom: 10px;    text-transform: uppercase;}
.product_page .blog-content h5{ text-align: center;  }
.pro31 h5,.pro42 h5{display:none;}
.product_page .blog-content h5 span {    background: #0099f7;    color: #fff;    padding: 4px 15px;    font-weight: 500;    font-size: 15px;    font-family: 'Muli', sans-serif;    margin-bottom: 5px;}
.product_page .blog-content li{padding: 5px 0px;font-size: 14.5px;}
.product_page .blog-content li:before {    content: "\f138";    display: inline-block;    font: normal normal normal 14px/1 FontAwesome;    font-size: inherit;    text-rendering: auto;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    color: #0099f7;    font-size: 15px;    line-height: 20px;    text-align: center;    margin-right: 5px;}
p {  font-weight: 500;    color: #222;}
.product_features li{padding: 5px 0px;font-size: 14.5px; width: 100%;display: inline-block;}
.product_features li:before {    content: "\f124";    display: inline-block;    font: normal normal normal 14px/1 FontAwesome;    font-size: inherit;    text-rendering: auto;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    color: #0099f7;    font-size: 15px;    line-height: 20px;    text-align: center;    margin-right: 5px;}
.product_features{padding: 40px 0px;}
.tabs-menu {  float: left;    clear: both;        padding: 0px;  }
.tabs-menu li {float: left;    line-height: 30px;    float: left;    margin-right: 10px;    background-color: #0099f7;     color:#fff;   }
.tabs-menu li.current {    position: relative;      background-color: #485565;    border-bottom: 1px solid #485565;    z-index: 5;  }
.tabs-menu li a {          display: block;    padding: 10px;    text-transform: capitalize;    color: #fff;    text-decoration: none;  }
.tabs-menu .current a {  } 
.tab {    float: left;    margin-bottom: 20px;    width: auto;        min-height: 250px;  }
.tab-content {    width: 100%;        display: none;  }
.tab-content:nth-child(1){    display: block;  }
.tabs-menu li{ display:block;}
.team-content .team-title a{    font-size: 18px !important;color: #fff;}
#team-page .single-team-member {    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 0px 10px 0px rgb(43 52 59 / 10%);    transition: all .5s;}
.prodmain img{  background: #fff;  width: 100%;  height: 280px;    object-fit: contain;}
.prodmain a{width: 100%;    color: #fbff07;    font-weight: 400;}
.fab-pro img{width: 100%;height: 280px;    object-fit: contain;    background: #fff;}
.product_cont{background: #0099f7;   text-align: center;    width: 100%; padding:10px;}
.single-team-member .team-content{background: #0099f7;}
.team-content .team-title a,.product_cont h4{font-family: 'Muli', sans-serif;    font-size: 17px;    font-weight: 600;    letter-spacing: 0.3px;    color: #fff;    -webkit-transition: all .3s ease-out;    transition: all .3s ease-out;    margin: 10px 0px;}
.ttm-box-view-overlay:before {    background-color: #223645;    position: absolute;    content: "";    left: 0;    width: 100%;    height: 100%;    text-align: center;    z-index: 1;    opacity: 0;    -webkit-transition: all .4s ease-out;    transition: all .4s ease-out;}
.ttm-box-view-overlay, .ttm-box-view-content-inner {    position: relative;    overflow: hidden;}
div:hover > .ttm-box-view-overlay:before, div:hover > .ttm-box-view-content-inner:before {    opacity: .8;}
.featured-imagebox, .featured-imagebox .featured-thumbnail {    position: relative;    overflow: hidden;}
.featured-imagebox-portfolio.style1 .ttm-media-link a {    background-color: #0099F7;    position: absolute;    top: 50%;    left: 0;    right: 0;    text-align: center;    color: rgb(255, 255, 255);    width: 40px;    height: 40px;    text-align: center;    line-height: 40px;    border-radius: 6px;   font-size: 16px;    transform: scale(0);    opacity: 0;   z-index: 2;    margin: 0 auto;    margin-top: -22px;    transition: all 0.45s ease 0ms;}
/* style1 */
.featured-imagebox-portfolio.style1{    margin: 15px 0;    border-radius: 6px;    width: 100%;    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 0px 10px 0px rgba(43, 52, 59, 0.1);    transition: all .5s;}
.featured-imagebox-portfolio.style1 .ttm-media-link a{    position: absolute;    top: 50%;    left: 0;    right: 0;    text-align: center;    color: rgb(255, 255, 255);    width: 40px;    height: 40px;    text-align: center;    line-height: 40px;    border-radius: 6px;    font-size: 16px;    transform: scale(0);    opacity: 0;    z-index: 2;    margin: 0 auto;   margin-top: -22px;    transition: all 0.45s ease 0ms;}
.featured-imagebox-portfolio.style1:hover .ttm-media-link a{    opacity: 1;    transform: scale(1);}/* portfolio2 */
.featured-imagebox-portfolio.style2 .ttm-media-link a {    position: relative;    width: 36px;    height: 36px;    line-height: 36px;    text-align: center;    margin: 0 5px;    top: 20px;    opacity: 0;    font-size: 14px;    border-radius: 50%;    font-weight: normal;    color: #fff;    border: 1px solid #8D909B;}
.featured-imagebox-portfolio.style2:hover .ttm-media-link a {    top: 0;    opacity: 1;}
.featured-imagebox-portfolio.style2:hover .ttm-media-link a {    transition-property: all;    transition-duration: 0.2s;    transition-timing-function: linear;    transition-delay: 0.5s;}
.featured-imagebox-portfolio.style2:hover .ttm-media-link a:hover {    transition: all .4s;}
.featured-imagebox-portfolio.style2 .ttm-media-link {    display: flex;    position: relative;    padding-top: 15px;    padding-bottom: 4px;}
.featured-imagebox-portfolio.style2 .ttm-media-link:after {    position: absolute;    left: 0;    display: block;    top: 0;    height: 1px;    width: 100%;    content: "";    transform: scaleX(0);    background-color: #8D909B;}
.featured-imagebox-portfolio.style2:hover .ttm-media-link:after {    transition-property: all;    transition-duration: 0.3s;    transition-timing-function: cubic-bezier(0.63, 0.01, 0, 1.39);    transition-delay: 0.65s;    transform: scaleX(2);}
.featured-imagebox-portfolio.style2:hover .featured-content {    transition-property: all;    transition-duration: 0.4s;    transition-timing-function: linear;    transition-delay: 0s;    transform: scale(1);    opacity: 1;}
.featured-imagebox-portfolio.style2 .featured-content {    transform: scale(1.1);    opacity: 0;    position: absolute;    top: 7px;    left: 7px;    display: flex;    flex-direction: column;    align-items: center;    z-index: 1;   justify-content: center;    width: calc(100% - 2 * 7px);    height: calc(100% - 2 * 7px);}
.inst_step{text-align: center;    margin-bottom: 30px;}
.inst_step img{width: 100%;    height: auto;    margin-bottom: 10px;}
.inst_step p {    font-size: 15px;    line-height: 20px;    text-align: justify;}
.contact-us-area {    height: 700px;padding-top: 0 !important;    background: #fff;}
.contact-us-inner p{    margin: 5px 0px;}
.global h4{text-align: center;}
.ptb-50 {    padding: 50px 0;}
.sub-nav-toggler{border: none;    background: none;}
.sub-menu .submenuheader{    padding: 15px 10px !important;font-weight: 500 !important;    font-size: 14px !important;}
.testing_box img{width:100%;height: 260px;object-fit: contain;background: #fff;}
.navbar-brand{position: absolute;    z-index: 999;    margin-right: 0;}
.header-area .logo {    padding: 0;}
.header-area .logo img {    width: 100%;}
.header-area .sub-title p{font-size: 18px;}
.feature-area .single-feature-item{background: #fff;}
.feat-icon {    /* background: #0199f4; */    padding: 65px 0px 50px;    height: 100%;    border-radius: 5px 0 0 5px;    text-align: center;}
.feat-icon  img{padding: 10px;}
.feat-content p {text-align: justify;    margin: 10px 0;    font-size: 14.5px;   line-height: 21px;}
.feat-content{    padding: 30px 20px;}
.info-content-area .section-title h2 span{font-size: 20px;line-height: 27px;}
.about-area .text {    font-size: 26px;    font-weight: 600;    line-height: 36px;}
.info-content-area p{text-align: justify;}
.single-logo-box{    -webkit-transition: 0.5s;    transition: 0.5s;}
.single-logo-box img {    -webkit-transition: 0.5s;    transition: 0.5s;    margin-top: 30px;    background-color: #ffffff;    border-radius: 3px;    padding: 5px;    box-shadow: 0 3px 8px rgb(0 0 0 / 19%);}
.single-logo-box img:hover {    box-shadow: 0 5px 15px rgb(0 0 0 / 80%);}
.footer-area h5 {    color: #fff;    margin: 20px 0 10px;    font-size: 22px;}
/* .single-logistic-bg{border: 5px solid #777;} */
.single-slide-item {    background-size: 100% !important;}
.single-slide-item h1{font-size: 60px; line-height: 55px}
.footer-area li:before {    position: absolute;    content: "";    width: 11px;    height: 2px;    top: 15px;    left: 0;    background: #0099f7;}
.footer-menu-li li{width: 100%;position: relative;    padding-left: 15px;    text-align: left;}
.footer-menu-ul li{position: relative;    padding-left: 15px;}
.footer-area ul li a{font-family: 'Muli', sans-seri;}
.footer-area p {    display: block;    color: #d7d7d7;}
.privacy a{color: #999;    font-weight: 400;}
.choose-us-area{    height: 550px;}
.choose-us-inner p,.about-content-wrapper p{text-align:justify;}
.choose-us-inner {    text-align: center;    padding: 30px 30px;}
.pt-150{padding-top:150px;}
.choose-us-wrapper {    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 0px 10px 0px rgb(43 52 59 / 59%);    transition: all .5s;}
.team-member-bg {    background-image: none;}
.single-team-member .team-content {    position: relative;    bottom: 0;    padding: 5px 5px;    text-align: center;    width: 100%;}
.teeam .team-title a {    font-size: 17.5px !important;margin: 10px 0px 0px !important;}
.teeam .team-subtitle p{color: #fbff00;font-size: 15px;}
.teeam .team-title a span{    font-size: 13px;}
.teeam img{width:100%;height:auto;}
.teeam {margin-bottom:5px !important;}
.teeam .team-member-bg {    background-size: cover;    background-position: top center;    width: 100%;    height: auto;}
#team-page .single-team-member {    margin-bottom: 5px;}
.teammm img{width:100%;height:auto;}

.single-logo-wrapper{opacity:1;    padding: 5px;    margin: 10px 0px;    box-shadow: 0 3px 8px rgb(0 0 0 / 19%);}
.client-carousel .owl-dots {text-align:center;margin-top: 30px;}
.client-carousel .owl-dots .owl-dot{    background: #222;      margin: 0px 5px;    height: 10px;    width: 10px;}
.client-carousel .owl-dots .owl-dot.active{background: #057af1; }
#service-3 p{text-align:justify;}
.inst_step.video:before {    content: "";    height: 100%;    background: #000;    opacity: 0.25;    width: 100%;    position: absolute;    top: 0;    right: 0px;    display: inline-block;}
.inst_step.video img {    height: auto;    width: 100%;}
.video_play {     position: absolute;    top: 38%;    font-size: 28px !important;    background: #0099f7;    left: 42%;    color: #fff;    padding: 10px;    border-radius: 50%;}
.inst_step.video {    display: inline-block;    position: relative;}
.fancybox-image{background: #fff;}

.contact-us-wrapper {    margin-top: 0;}

.wpcf7 form.unaccepted .wpcf7-response-output {    color: #f00;border:none;}
.wpcf7-form-control-wrap {    width: 100%;}
input, textarea, select{color:#fff;}
.wpcf7 form.sent .wpcf7-response-output {border:none;    color: #46b450;}

.info-content-area .section-title h2:before {display:none;}

.contact-us-inner a {text-transform: lowercase;    color: #0680cb;    font-size: 16px;    font-weight: 500;    margin: 0;    font-family: 'Muli', sans-serif;}

.subscribe-form a,.contact-info a{color:#fff;    font-family: 'Muli', sans-serif;  font-size: 16px;}
.subscribe-form a{color: #d7d7d7;}
.contact-info a{margin-right:10px;}

@media only screen and (min-width: 768px){
.footer-menu-ul li{width:50%; float: left;}
}
@media only screen and (max-width: 767px){
.footer-menu-ul li {        position: relative;        padding-left: 15px;        float: left;        text-align: left;       width: 100%;    }
.footer-area h5 {        text-align: left;    }
.single-slide-item {    text-align: center;    background-size: cover !important;    height: 200px;}
.single-slide-item {font-size: 30px;    line-height: 33px;    margin: 10px 0px;}
.feature-area {    padding: 0 30px;    margin-top: 50px;}
.feat-icon img {    padding: 10px;    width: 100px;}
.feat-icon {  padding: 10px !important;}
/* .header-top{display: none;} */
.header-top .text-right{display: none;}
.header-area .sub-title {    display: inline-block !important;    margin-left: 60px;}
.header-area .sub-title p {    font-size: 19px;    padding-left: 18%;    margin: 0;}
.header-area .logo img {    width: 80px;}
.main-menu .navbar-nav .submenuheader{  border-bottom: 1px solid #ddd;  font-weight: 600;font-size: 16px;padding: 12px;    line-height: 20px;}
.main-menu .navbar .navbar-collapse{    padding: 0 !important;}
.contact-form-wrapper {    margin-top: 900px;}



}

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

.single-slide-item{height:550px;}

}
@media only screen and (min-width: 1301px) and (max-width: 1599px){

.single-slide-item{height:600px;}

}