/*Responsive css*/

@media screen and (max-width: 1400px){
	.site-header .container-fluid{padding: 0 30px;}
	.search-form form.search{width:100%;}
	.my-account-sec .container-fluid{padding: 0 30px;}
	.navbar .nav li{padding: 0 12px;}

	.logo::before{ left:-20%;     height: 426px; }

}
@media screen and (max-width: 1279px){
	.navbar .nav{margin-left: 20px;}
	.navbar .nav li{padding: 0 10px;}

.home .logo:before { height: 534px;  left: -25%;}

}

@media screen and (max-width: 1199px){
body { padding: 95px 0 0;}
.site-header .container { margin-top: 18px;}

.sticky .container { margin-top:0px;}

	.site-header button.humburger-btn{display: block; top: 38px;  z-index: 999;   position: absolute;  left: 0;}
	
.navbar .nav li ul li:last-child {
    border-bottom: none;
}
.navbar .nav li ul.dropdown-menu {
    top: 0px; border: none;
    left: -20px;
    position: relative;
    width: 270px;
}
.menu .dropdown-menu{ font-size: 14px; padding: 0px!important; }

 .site-header.sticky button.humburger-btn{ top: 18px; }
	.navbar .nav{ position: fixed; top: 0; left: 0; bottom: 0; z-index: 2; background-color: #fff; width: 100%; max-width: 300px; overflow: hidden; overflow-y: auto; margin-left: 0; -webkit-transform: translateX(-115%); -moz-transform: translateX(-115%); -ms-transform: translateX(-115%); transform: translateX(-115%); -webkit-transition: 0.4s; -ms-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; }
	.menu-opened .navbar .nav{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
	.navbar .nav .menu{flex-direction: column; width: 100%; padding-top: 50px;}
	.navbar .nav li{padding: 10px 20px; border-bottom: 1px solid #ddd; }
	.navbar .nav a{color: #333;}
	.logo::before{ left:-20%;     height: 406px; }
.top-bar {
    background-color: #e4eeff;
    border-radius: 10px 10px;}





.main-banner-home h1 {    font-size: 52px; line-height: 64px;}

.home-whyuse-sec .dummy-mob{ display: none; }



.home-whyuse-sec .feat-box-main {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}



.home .logo:before { left: -15%; top: -381px; }



.info-sec {
    width: 100%;
    background: #fff;
    margin-bottom: 50px;
    box-shadow: 0 1rem 2rem #e1efff;
}


}
@media screen and (max-width: 991px){
	.site-header .container-fluid{padding: 0 15px;}
	.main-banner{font-size: 16px;     padding-bottom: 0; line-height: 30px;}
	.main-banner .col-md-6 {   flex: 0 0 auto;  width: 100%;}
	.main-banner h4{font-size: 20px;}
	.main-banner h4:before{margin-bottom: 15px;}
	.main-banner h2{font-size: 50px; line-height: 50px;}
	.main-banner .btn{margin-top: 20px;}


	.logo::before{  display: none; }

.business-img {  width: auto;  top:40px;    position:relative;    }

.top-bar span{ display: none; }
.top-bar ul li {  margin-left: 12px;}





	.sec-heading{font-size: 16px;}
	.sec-heading h2{font-size: 26px;}
	.about-sec h2{font-size: 26px;}
	.product-list .product-img img{padding: 20px;}
	.product-details-inner{  padding: 10px 5px;     margin-top: -48px;}
	.product-list .product-details h3 a {  color: #fff;  font-size: 16px;}
	.price { font-size: 14px; line-height: 22px;}
     .price-display {  font-size: 15px;}

    .product-information .nav-tabs{ padding-left:0px; }
	.nav-tabs .nav-link { color: #333; padding: 10px 8px; }
	.contact-page .account-box .inner-content{padding: 0;}
	.contact-block{margin-bottom: 30px;}
	.products.list-view .product .product-img{width: 220px; height: 220px;}






/*====================
SMS API Page
============================*/
.features-api-sec .dummy-mob{ display: none; }
.sms-api .tab-content .nav-pills button {  margin: 0 2px; font-size: 13px; padding: 3px 8px;}
.sms-api .tab-pane {  padding: 0!important;}
.features-api-sec h2 { margin-bottom: 0;}






.about-sec .ab-serv{ margin: 0px;}
.ab-content {  background: #fff;  padding: 10px;  margin-left: 0px;  margin-top: -25px;}








.main-banner-home h1 {    font-size: 36px; line-height:46px;}


.home-whyuse-sec{ background: none; }

.home-whyuse-sec .feat-box-main {
    width: 100%; 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.test-it-sec .newsletter-img{ display: none; }

.greatvalue-sec {   background: #fff;  border-radius: 10px;  position: relative;  box-shadow: 0 1rem 2rem #e1efff;  margin: 30px auto; padding: 30px 40px 30px;}
.greatvalue-sec:before{ display: none; }

.greatvalue-sec .greatvalue-heading {
    flex-direction: column;
}

.value-plan-inner{ flex-direction: column;      margin-bottom: 50px;}
.value-plan-inner .price-bx{    text-align: center;  background: #ffdec7;  padding: 30px;  border-radius: 10px 10px 10px 10px;  flex: 0 0 100%;  width: 100%;  margin-bottom: 30px;}
.value-plan-inner .price-content {  flex: 0 0 100%;  padding-left: 20px;  width: 100%;  margin-bottom: 30px;}


.about-sec-p:before{ display: none; }




}

@media screen and (max-width: 767px){
	body{font-size: 14px; line-height: 24px; padding-top:70px;}
	.site-header{ margin-top:12px; } 
    .site-header .align-items-end { align-items: center!important;}
.sticky{margin-top:0px;}

.menu-opened .nav{ margin-top: 0!important; }

.services-img img {  width: 100%; height: 300px;}
.for-mob {  flex-direction: column;}
.Snippets-sec .tab-content { margin-top: 20px;}
.site-header .container { margin-top: 0px;}
.site-header button.humburger-btn{display: block; top: 16px;  z-index: 999;   position: absolute;  left: 0;}


	.top-bar ul li{margin-left: 20px;}
	.top-bar ul li:first-child{margin-left: 0;}
	.top-bar ul li:not(:last-child):not(:first-child):before{left: -12px;}
	.top-bar ul li{margin-left: 10px;}
    .logo {  max-width: 50%;}
	.btn.user-btn{font-size: 0; min-width: initial; padding: 0; line-height: 30px; width: 32px; height: 32px; }
	.btn.user-btn i{font-size: 16px; margin-right: 0; vertical-align: middle;}
	.user-btn.account-btn:after{content: none;}
	.site-header button.humburger-btn{margin-left: 15px;}
	.cart-btn{margin-left: 15px;}
	.navbar{padding: 0px 0;}
	.main-banner .slide .row{ -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }
	.section{padding: 40px 0;}
	.about-sec{margin-bottom: 60px;}
	.main-banner h4{margin-top: 20px;}
	.main-banner .slide{padding:20px 0;}
    .owl-carousel .owl-item img {  display: block;  width: 100%;  /*height: 100vw;*/}
    .main-banner .owl-dots {  bottom: 50px;}
   	.main-banner .col-md-6 {   flex: 0 0 auto;  width: 100%;}
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{width: 30px; height: 30px; line-height: 30px; margin-top: -15px; font-size: 14px;}
	.blog-list .blog:not(:last-child){margin-bottom: 30px;}
	.newsletter-sec{padding: 40px 0;}
	.newsletter-sec .newsletter-form{margin-bottom: 0; margin-top: 20px;}
	.site-footer{padding: 40px 0 30px;}
	.site-footer .footer-links{margin-top: 20px;}
	.site-footer .footer-links ul li{margin-bottom: 5px;}
	.footer-bottom{text-align: center; line-height: 40px; padding: 10px 0;}
	.quote-bx { width: auto;  float: right;  position: relative;  left: 0;  top: 0;  margin-bottom: 20px;}

	.product-details-inner{  padding: 35px 30px;     margin-top: -88px;}
	.product-list .product-details h3 a {  color: #fff;  font-size:22px;}
	.price { font-size: 16px; line-height: 26px;}
	.main-banner ul li { padding: 5px 4px;}
	.footer-bottom .d-flex {    flex-direction: column;}
/*    .menu-opened .overlayer { width: 100%;  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0; height: 100vh; webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);  background: rgb(0 0 0 / 10%);}
*/

.ab-content{ padding: 15px; margin-left: 20px; margin-top: -25px;}


.main-banner-home .owl-carousel .owl-item img{ height: auto; }
.about-sec-inner {    justify-content: space-around; align-items: center;  margin-bottom: 40px;}
.about-sec-inner .text-end{ text-align: left!important; }


.test-it-sec{ margin-top:20px; }

.main-banner .prices-conte h2 {  font-size: 36px;}


.case-sec .ab-content {
    margin-left: 0;
    margin-top: 0px;
    box-shadow: none;
    border-radius: 0;
}

.product-slider .owl-dots .owl-dot { width: 20px;}
.light-bg-bx .owl-dots .owl-dot { width: 20px;}

.about-info-main {   margin-bottom: 100px;}
.about-info{ flex-direction: column; }
.about-info-main .icon-holder{ flex: inherit; }
.about-info-main p, .about-info-main p a{ font-size: 13px; }
.absec2{flex-direction: column; }  
.absec2 .about-info { margin-bottom: 30px;    width: 100%;}



}

@media screen and (max-width: 575px){


.site-header button.humburger-btn { top: 10px;}

.site-header.sticky button.humburger-btn {
    top: 12px;
}
.sticky.site-header .container {
    margin-top: 5px;
}
	.mobile-hide{display: none;}
	.top-bar .btn{min-width: 95px; padding: 7px 20px;}
	.sec-heading{margin-bottom: 25px;}
	.sec-heading h2{font-size: 22px;}
	.navbar .nav{max-width: 270px;}
	.btn{font-size: 13px; padding: 7px 6px; min-width: 130px;}
	.main-banner{font-size: 14px; line-height: 24px;}
	.main-banner h2{font-size: 28px; line-height: 30px; margin-bottom: 10px;}
	.main-banner .btn{margin-top: 10px;}
	.main-banner .owl-dots{margin-bottom: 10px;}
	.main-banner:after{border-width: 20px;}
	.main-banner .social-link{left: 40px;}
	.main-banner p{padding-right: 0;     font-size: 16px;}
	.owl-carousel .owl-nav button.owl-prev{left: 10px;}
	.owl-carousel .owl-nav button.owl-next{right: 10px;}
    .product-slider { width: 100%;}
	.about-sec{font-size: 16px;}
	.about-sec h2{font-size: 22px; margin-bottom: 20px;}
	.about-sec p{margin-bottom: 15px;}
	.about-sec .btn{margin-top: 0;}
	.testimonial-slider .client-content{padding: 0 20px; font-size: 14px; line-height: 24px;}
	.testimonial-slider.owl-carousel .owl-nav button.owl-prev{left: -10px;}
	.testimonial-slider.owl-carousel .owl-nav button.owl-next{right: -10px;}
	.testimonial-slider .client-content .client-name{font-size: 26px;}
	.testimonial-slider .client-content .client-name span{font-size: 14px;}
	.testimonial-slider .slide{padding-bottom: 20px;     padding-left: 0;}
	.product-details h3{font-size: 13px;}
	.price{font-size: 13px;}
	.price span{font-size: 12px;}
	.account-box .inner-content{padding: 25px;}
	 form.form .form-control{font-size: 14px; padding: 7px 15px;}
    .blog-sec .sec-heading{ flex-direction: column;  }
    .my-account .col{flex-basis: auto; }    
    .product-information .nav-tabs .nav-link {  width: 75px;  text-align: center;   border: 1px solid #dadada;   height: 40px;   overflow: hidden;}
    .footer-bottom .d-flex { flex-direction: column; align-items: flex-start;}


.download-box a {
    margin: 5px 5px;
    width: 100%;
}
.logo { max-width: 35%; margin-left: 40px;}







.sms-api .tab-pane li{ margin-bottom: 5px; }



.testimonial-sec .row.mt-3 .col-md-12.col-lg-4 { margin-left: 30px;}

.testimonial-slider .slide:before{top: 15px; }



.home-whyuse-sec h2 { 
    font-size: 36px; margin-bottom: 0;  margin-top: 0px;}

.home-whyuse-inner { margin-top: 0px;}



/* =======
price page
============= */
.main-banner .slide-content.prices-conte{ top: 50%; } 
.main-prices-box .prices-field-box h2 { color: #16489f; font-size: 18px;}

.left-field-bx {  width: 100%;  text-align: left;}
.right-field-bx { width: 100%;  margin-top: 10px;}

.about-info-main {  flex-direction: column;}







}