.off-price{
    font-size:2rem;
}

@media screen and (max-width:1400px){.container{width:1370px;}
}
@media screen and (max-width:1600px){.container{width:1570px;}
}
@media screen and (max-width:1900px){.container{width:1870px;}
 .hero-area-2 .contents .btn-border{display:block;}
}
@media (max-width:1200px){.sssa{font-size:16.9px;margin-top:5px;}
.strongClor{font-size:20.9px;}
}
@media (min-width:768px) and (max-width:1024px){.section{padding:60px 0 45px;}
 .section-header .section-title{font-size:34px;}
 .block-title{font-size:16px;}
 #hero-area .contents{padding:90px 0 20px;}
 .hero-area-2 .contents h2{line-height:36px;}
 .btn-trial{padding:5px 9px;margin-left:18px;font-size:13px;text-transform:capitalize;margin-top:5px;}
 .intro-img{padding:90px 0;}
 .contents .head-title{font-size:19px;line-height:29px !important;}
 .navbar-expand-md .navbar-nav .nav-link{padding:12px 5px;font-size:14px;margin-left:8px;}
 #carousel-area .carousel-item .carousel-caption h2{font-size:22px;}
 #carousel-area .carousel-agency .carousel-caption h2{font-size:40px;line-height:48px;}
 .text-wrapper h3{font-size:24px;}
 #download .download-wrapper{padding:0;}
 #download .download-wrapper .download-text h4{font-size:22px;}
 #blog .blog-item-wrapper{margin-bottom:30px;}
 #blog .blog-item-text h3{font-size:14px;}
 #download .btn{margin:20px 5px;}
 #counter .counter-text h3{font-size:20px;}
 #counter .counter-box{padding:15px 20px;}
 #counter .counter-box p{font-size:16px;}
 #counter .counter-box p{font-size:14px;}
 #counter .counter-box h3{font-size:40px;}
 .back-to-top{bottom:55px;}
 .small-Logo{display:block;height:60px !important;width:72px !important;min-width:72px;}
.large-Logo{display:none;}
.navbar-brand{width:72px;}
}
/* only small tablets */
@media (min-width:768px) and (max-width:991px){.navbar-expand-md .navbar-nav .nav-link{padding:8px 5px;margin-left:5px;}
 .navbar-expand-md .navbar-nav .nav-link{display:initial;}
 .hero-area .contents{padding:100px 0 20px;}
 .hero-area-2 .contents h2{line-height:42px;font-size:27.8px;}
 .strongClor{font-size:15px;}
.youtubeVideo{width:437px;height:247px;}
 .hero-area-2 .contents{padding:0;width:377px;text-align:left;}
 .hero-area-2 .intro-img{padding:0px 0px 0px;}
 .phoneImg{left:0px;}
.phoneImg.phoneImg2{right:0px;}
.marginleft{margin-left:24%;}
.marginleft{margin-left:0%;max-width:100% !important;}
.intro-img{padding:0;}
.message-img{font-size:60px;left:0px;}
.timeline-messages, .msg-time-chat, .timeline-messages .msg-in, .timeline-messages .msg-out{width:100%;}
.table2 ul li{width:calc(31% - 1%);height:105px;}
 .btn-trial{padding:4px 8px;margin-left:18px;font-size:12px;text-transform:capitalize;margin-top:6px;}
 #features-two .img-thumb{margin:30px 0;}
 .text-wrapper h3{font-size:18px;}
 .pricing-table .price{padding:15px;}
 #download .download-wrapper .download-text h4{font-size:18px;}
 #download .btn{margin:12px 0px 0px 0px;padding:5px 15px;font-size:12px;}
 .single-team{margin-bottom:30px;}
 .widget{margin-top:30px;}
 #counter .counter-box h3{font-size:40px;}
 .contact-info_area{margin-top:15px;}
 #about .about-content{margin-top:20px;}
 #carousel-screen{width:100% !important;}
 .back-to-top{bottom:55px;}
}
@media (max-width:991px){.container{max-width:95%;}
.lightlight1{font-size:20px;}
.featureBx{height:126px;}
 .hero-area-2 .contents{padding:0px;width:90%;text-align:left;}
.topL{display:none;}
.top{height:104px;}
.col-md-4Custom{width:50% !important;flex:none;max-width:none;}
.sssa{font-size:16.2px;padding:5px 0px;margin-top:0;}
.hero-area-2 .contents .btn-border{font-size:12px;}
}
@media only screen and (max-width:767px){.section{padding:120px 0 45px;}
 .hero-area .contents{padding:100px 0 20px;}
 .hero-area .contents h2{font-size:22px;line-height:30px;margin-bottom:15px;}
 .navbar-expand-md .navbar-nav .nav-link{border-bottom:2px solid #3e3e3e;}
 .hero-area-2 .contents h2{font-size:24px;line-height:36px;}
 .hero-area-2 .contents{padding-bottom:0px;}
 .hero-area-2 .intro-img{padding:20px 0px 0px;}
.hero-area-2 .contents{padding:199px 0 150px;text-align:center;width:376px;margin:auto;display:inline-table;}
.video-promo{position:inherit;}
.phoneRight{margin:0;min-width:100%;}
.phoneImg img{width:77%;opacity:.2;}
.phoneImg.phoneImg2 img{width:100%;}
#screenshots{overflow:hidden;}
.marginleft{margin-left:0%;}
.videoBox{display:none;}
 .hero-area .intro-img{padding:60px 0 0;}
 .navbar{padding:0;}
 .bg-inverse{background:#191c1eeb;}
 .navbar-expand-md .navbar-brand, .navbar-expand-md .navbar-toggler{margin:6px 15px;}
 .navbar-expand-md .navbar-nav{margin-bottom:10px;}
 .navbar-expand-md .navbar-nav .nav-link{padding:10px 0px;text-align:left;margin-left:20px;margin-right:20px;}
 .btn-trial{display:none;}
 .hero-area-2 .contents .btn{margin-top:20px;}
 #carousel-area .carousel-item .carousel-caption{top:30%;}
 #carousel-area .carousel-item .carousel-caption h2{font-size:16px;line-height:32px;}
 #carousel-area .carousel-agency .carousel-caption h2{line-height:30px;}
 #carousel-area .carousel-item .carousel-caption .btn{margin:8px 5px;padding:7px 16px;text-transform:capitalize;font-size:14px;}
 .section-header .section-title{font-size:22px;}
 
 #features-two .img-thumb{margin:30px 0;}
 .text-wrapper h3{font-size:18px;}
 #blog .blog-item-wrapper{margin-bottom:30px;}
 .pricing-tables .pricing-table{margin-bottom:30px;}
 .counters .facts-item{margin-bottom:30px;}
 .single-team{margin-bottom:30px;}
 .single-feature{margin-bottom:30px;}
 .widget{margin-top:30px;}
 .video-promo .video-promo-content h2{font-size:20px;}
 .controls a{padding:8px 16px;}
 .offer-area h2{font-size:20px;line-height:30px;}
 .contact-info_area{margin-top:15px;}
 .pricing-table{margin-bottom:30px;}
 .text-wrapper{margin-bottom:15px;}
 #download{padding:60px 0 30px;}
 #download .download-wrapper{padding:50px 0;}
 #download .download-wrapper .download-text h4{font-size:24px;}
 #contact h2{font-size:20px;}
 #about .about-content{margin-top:20px;}
 #carousel-screen{width:100% !important;}
 .back-to-top{bottom:55px;}
 .sssa{font-size:14px;}
 .hero-area-2 .contents .btn-border{font-size:12px;}
}
 @media (max-width:768px){.hero-area-2 .contents p{text-align:center;}
.hero-area-2 .overlay{position:absolute;height:100%;}
.marginleft{flex:inherit;max-width:100%;}
.message-img{font-size:45px;left:0px;}
 #clients .client-item-wrapper{width:16%;}
.msg-time-chat p{font-size:18px;}
.msg-time-chat{margin-bottom:20px;}
.msg-time-chat .msg-in .text, .msg-time-chat .msg-out .text{padding:15px 15px;}
.arrow-left{top:4px;}
.msg-time-chat:before{margin:32px 0 0 -7px;}
.message-img{line-height:45px;}
.circle{margin-left:35%;}
.table2 ul li{width:calc(49% - 1%);height:auto;}
.subscribe-form .sub-title h3{font-size:22px;}
.phoneRight h4{font-size:18px;}
.whyUs h3{font-size:22px;}
.section-header .section-title{font-size:33px;}
.table2 ul li{width:calc(48% - 1%);}
.featureBx{padding:12px;}
.centerBx{text-align:center;}
.strongClor{font-size:17.2px;}
}
 @media (max-width:580px){.topL{display:none;}
a.payIcon2.payIcon21.rspsv{float:left;}
.cstmsd8{float:left; padding-left:10px;}
.topR{width:100%;}
.client-item-wrapper{width:19% !important;}
 .message-img{font-size:30px;}
.message-body{margin-left:170px;}
.timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before{content:"";left:100px;}
.msg-time-chat p{font-size:15px;}
.msg-time-chat .msg-in .text, .msg-time-chat .msg-out .text{padding:5px 10px;}
.table2 ul li{width:calc(100% - 1%);height:auto;}
.circle{margin-left:40%;}
.price-table-bx{overflow:auto;}
.refreshFormInner{width:90%;}
.dropdown-menu2{left:0 !important;right:inherit;width:172px;}
.featureBx{padding:15px;height:auto;}
.col-md-4Custom{width:100% !important;}
.container0 td, .container0 th{font-size:12px;}
.msg-div{font-size:12px;text-align:center;}
.msg-div span{width:100%;text-align:center;display:inline-grid;margin-top:5px;}
.arrow-left{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid #ffffff;top:37px;left:-19px;}
.fix-contacts { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; box-shadow: 0px -1px 6px #000000; background: #191c1e; /*display: block;*/ display:none;}
}
@media (min-width:320px) and (max-width:480px){.section{padding:120px 0 45px;}
 .section-header{margin-bottom:30px;}
 .navbar{padding:0;}
 .bg-inverse{background:#191c1e;}
 .navbar-expand-md .navbar-brand, .navbar-expand-md .navbar-toggler{margin:6px 15px;}
 .navbar-expand-md .navbar-nav{margin-bottom:10px;}
 .navbar-expand-md .navbar-nav .nav-link{padding:10px 0px;text-align:left;margin-left:20px;margin-right:20px;}
 .btn-trial{display:none;}
 .section-header .section-title{font-size:20px;line-height:30px;}
 .contents .head-title{font-size:20px !important;line-height:30px;}
 .hero-area .contents{padding:100px 0 20px;}
 .hero-area .contents .btn{margin-right:5px;padding:7px 20px;margin-top:20px;}
 .hero-area-2 .contents{width:313px;}
 .hero-area-2 .contents .btn{margin-top:20px;}
 .intro-img{padding:0;}
 #carousel-area .carousel-item .carousel-caption{top:30%;}
 #carousel-area .carousel-item .carousel-caption h2{font-size:15px;line-height:22px;}
 #carousel-area .carousel-item .carousel-caption .btn{margin:8px 5px;padding:7px 16px;text-transform:capitalize;font-size:14px;}
 #carousel-area .carousel-control-next i, #carousel-area .carousel-control-prev i{background:transparent !important;}
 #carousel-area .carousel-control-next i:hover, #carousel-area .carousel-control-prev i:hover{background:transparent !important;border:none !important;}
 #carousel-area .carousel-control-next i, #carousel-area .carousel-control-prev i{color:#fff;}
 #carousel-area .carousel-control-prev{left:0%;}
 #carousel-area .carousel-control-next{right:0%;}
 #features .nav-tabs{margin-top:-40px;}
 #features .nav .nav-item .nav-link{font-size:12px;}
 #features .nav .nav-item .nav-link i{font-size:20px;}
 #counter .counter-text h3{font-size:18px;}
 #features-two .img-thumb{margin:30px 0;}
 #about .about-content h3{font-size:22px;}
 .text-wrapper h3{font-size:18px;}
 .testimonial-item{padding:10px;}
 .text-right{text-align:left !important;}
 .pricing-tables .pricing-table{margin-bottom:30px;}
 .subscribe-form .sub-title h3{font-size:20px;}
 .subscribe-form .form-wrapper .form-control{padding:20px 16px;font-size:14px;}
 .subscribe-form .form-wrapper .btn-search{width:115px;font-size:11px;}
 #download .download-wrapper{padding:30px 20px;}
 #download .download-wrapper h4{font-size:14px;}
 #blog .blog-item-wrapper{margin-bottom:30px;}
 #blog .blog-item-text h3 a{font-size:16px;}
 #contact .contact-block{padding:30px 15px;}
 .single-team{margin-bottom:30px;}
 .single-feature{margin-bottom:30px;}
 .copyright p{line-height:26px;}
 .widget{margin-top:30px;}
 .video-promo .video-promo-content h2{font-size:20px;}
 .controls a{padding:8px 16px;margin-bottom:5px;}
 .offer-area h2{font-size:20px;line-height:30px;}
 #contact h2{font-size:18px;}
 #about .about-content{margin-top:20px;}
 .about-img{margin-bottom:30px;}
 .footer-social li{margin-right:8px;}
 #carousel-screen{width:100% !important;}
 #screenshots{padding-bottom:60px !important;}
 .back-to-top{bottom:90px;}
 .navbar-brand{width:185px;}
.top{height:auto;padding:10px;display:inline-block;width:100%;}
.top h1{font-size:22px;float:right;text-align:left;}
.circle{margin-left:1%;margin-top:0px;}
.btnLink{font-size:13px;padding:5px 15px;}
.hero-area-2 .contents h2{line-height:23px;margin-bottom:14px;}
.arrow-left{top:12px;}
.header.mobile-app-header{z-index: 100000;}


.navbar-expand-md .navbar-nav{margin-left: 0!important;}

#main-header-navigation .dropdown-menu ul > li {
    width: 100%;
    padding: 0px 13px;
    margin: 34px 0;
    float: none;
    border-bottom: 1px solid #767676;
    border-left:none;
    border-top:none;
}

#main-header-navigation .dropdown-menu {padding: 10px; margin-top: -2.3px !important;} 


#main-header-navigation .nav-item:hover .nav-link:before {
    background: none;
}

#main-header-navigation .nav-item.active .nav-link:focus{outline:none; border:none;}

.dropdown-menu{height:360px; overflow:auto;}

li a.try-before-btn{margin-top:20px; display: flow-root; text-align:center;}


}

@media (max-width:480px){.hero-area-2 .contents .btn{margin-top:20px;padding-right:5px;padding-left:5px;}
.sssa{font-size:11.6px;}
.hero-area-2 .contents h2{margin-bottom:0px;}
.strongClor{font-size:14.4px;} 
.navbar-expand-md .navbar-nav .nav-link{padding:6px 0px;font-size:13px;}
.othrInfo3 h4, .othrInfo5 h4 { font-size: 18px; color: #191c1e; } 
.othrInfo2 h4 { font-size: 18px; }
}

@media (max-width:414px) { 
.hero-area-2 .contents {
    width: 87%;
    padding: 140px 0 140px;
}
.hero-area-2 .contents .btn-border {
    font-size: 10px;
}
.navbar-brand {
    width: 155px;
}
.navbar-toggler {
    width: 43px;
    height: 35px;
    padding: .25rem .5rem;
}
.sssa {
    font-size: 11.6px;
    padding: 10px 10px 0;
}
}