/* Responsive Devise For XS mobile */

@media only screen and (max-width:1680px){
  /*.banner-deskstop{padding: 50px 80px;}*/
  .gt-section-one{padding:30px 0px;}
}


/* Responsive Devise For Laptop */
@media only screen and (max-width:1280px){
.navbar-brand{ width: 20%; float: left; }

.navbar{display: block;}

.flex-caption h3{font-size: 35px;}
.flex-caption h4{font-size: 30px;}
.flex-caption h2{font-size: 20px;}
.slid-1{height: auto;}
.title-con ul li{font-size: 14px;}
.gt-section-one{padding:60px 0px 0px;}
/*.banner-deskstop{padding: 50px 40px;}*/
.navbar-nav{padding: 25px 0;background: transparent;}
.innerpage{min-height:400px}
.footer-section{padding: 60px 0px;}
}


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

.navbar-brand{ width: 20%; float: left; }
/*.navbar-action-button{ float: left;
    margin-top: 10px;
    position: absolute;
    top: 8px;
    right: 0px;
    margin-right: 42%; display: none;}*/
.navbar{display: block;}

.flex-caption h3{font-size: 30px;}
.flex-caption h4{font-size: 30px;}
.flex-caption h2{font-size: 20px;}
.slid-1{height: auto;}
.title-con ul li{font-size: 14px;}
/*.banner-deskstop{padding: 50px 30px;}
*/
.feature-content-image{width:50%;}
.feature-content-image img{width: 100%; height: auto;}
.feature-art-image-top-right-art{top:1000px}
.footer-section {
    background: #44546b;
    padding: 30px 0px;
}

}



/* Responsive Devise For iPad */
@media only screen and (max-width: 767px) {
.navbar-brand{ width: 30%; float: left; }
/*.navbar-action-button{ float: left;
    margin-top: 10px;
    position: absolute;
    top: 8px;
    right: 0px;
    margin-right: 39%;}*/
.navbar{display: block;}
.slid-1{width: 70%;
    height: auto;
    margin: 0px auto;
    display: table;
    float: none;
}
.flex-caption{width: 100%; position:relative;}
.banner-deskstop{padding-top: 25px; padding-left: 10px; }
.caption_title_line{padding: 0px; margin-top: 25px; text-align: center; display: inline-block;}
.flex-caption h3{font-size: 35px; font-weight: 400; display: inline-block;width: 100%;}
.caption_title_line span{font-weight: 400;}
.flex-caption{top: 10px;}
.flex-caption h4{float: left; font-size: 30px;display: inline-block; width: 100%;}
.flex-caption h2{float: left; font-size:30px; width: 100%; }
.flex-caption p{font-size: 16px;}
.flex-caption > a.btn-default{ margin: 0px auto; display: table;}
.gt-section-one{ padding-top: 35px;}
.section-header{ font-size: 25px; }
.why-section{ padding-top: 0px; padding-bottom: 40px; }
.feature-content-text{padding: 0px 0px;}
.footer-section{background: #44546b; padding:30px 0px;}
.footer-ul li a{font-size: 12px;}
.title-con ul li{font-size: 10px; line-height: 15px;}
.title-con ul .add-1st .icon-p{font-size: 14px;}
.title-con ul li .icon-p{font-size: 14px;}
.footer-copywrite{padding: 10px 0px;}
.cliesr{height:500px; width: 100%;}
.feature-content-image {
    width:70%; top: 0px;
}
div#navbarSupportedContent {
    width: 100%;
    background: #fff;
    float: left;
    padding: 10px 15px;
    margin-top: 15px;
}
.navbar-action-button{padding-left: 0px;}
/*.navbar-nav{ padding: 10px 15px;background: #fff;margin-top: 15px;}*/
.footer-copywrite p.htp, .footer-copywrite p{text-align:center}
.how-it-work-card { font-size:14px!important;}
#mc_embed_signup{width:97%}

}

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

.navbar-brand{ width: 30%; }
/*.navbar-action-button{ float: left; display: none;
    margin-top: 10px;
    position: absolute;
    top: 8px;
    right: 0px;
    margin-right: 38%;}*/
.slid-1{width: 60%;
    height: auto;
    margin: 0px auto;
    display: table;
    float: none;
}
.flex-caption{width: 100%; position:relative;}
.banner-deskstop{padding-top: 25px; padding-left: 15px;}
.caption_title_line{padding: 0px; margin-top: 25px; text-align: center; display: inline-block;}
.flex-caption h3{font-size: 30px; font-weight: 400; display: inline-block;width: 100%;}
.caption_title_line span{font-weight: 400;}
.flex-caption h4{float: left; font-size: 25px;display: inline-block; width: 100%;}
.flex-caption h2{float: left; font-size:20px; width: 100%; }
.flex-caption p{font-size: 12px;}
.flex-caption > a.btn-default{ margin: 0px auto; display: table;}
.gt-section-one{ padding-top: 35px;}
.section-header{ font-size: 25px; }
.why-section{ padding-top: 0px; }
.feature-content-text{padding: 0px 0px;}
.footer-section{background: #44546b; padding:30px 0px;}
.footer-ul li a{font-size: 14px;}
.title-con ul li{font-size: 12px;}
.how-it-work-card{padding: 30px 35px;}
.features-testimonial{padding:50px 15px;}
.cliesr{height:350px; width: 100%;}
.feature-content-image {
    width:70%; top: 0px;
}
div#navbarSupportedContent {
    width: 100%;
    background: #fff;
    float: left;
    padding: 10px 15px;
    margin-top: 15px;
}
.navbar-action-button{padding-left: 0px;}
/*.navbar-nav{ padding: 10px 15px;background: #fff;margin-top: 15px;}*/
}


/* Responsive Devise For xs Mobile */
@media only screen and (max-width: 480px) {
.navbar-brand{ width: 40%; }
.footer-header{margin-top:20px;}
/*.navbar-action-button{ display: none;}*/
.slid-1{width: 100%; height: auto;}
.flex-caption{width: 100%; position:relative;padding: 20px;}
.banner-deskstop{padding-top: 25px; padding-left: 10px;}
.caption_title_line{padding: 0px; margin-top: 25px; text-align: left; display: inline-block;}
.flex-caption h3{font-size: 25px; font-weight: 400; display: inline-block;}
.caption_title_line span{font-weight: 400;}
.flex-caption h4{float: left; font-size: 25px;display: inline-block;}
.flex-caption h2{float: left; font-size:20px;}
.flex-caption p{font-size: 14px;}
.flex-caption > a.btn-default{ margin: 0px auto; display: table;}
.gt-section-one{ padding-top:10px;}
.section-header{ font-size: 25px; }
.how-it-work-card{padding: 28px 35px;}
.feature-content-text{    padding-top: 0;
    padding-left: 0;}
.schema-faq-question{padding: 0px; font-size: 16px;}
.section-header-three{font-size: 20px}
.single-testimonial p{padding: 30px;}
.client-info{    padding: 15px 26px 30px;}
.client-info h6{font-size: 12px;}
.owl-dots{margin-top: 0px;}
.features-testimonial{padding:40px 15px 20px; float: left;}
.footer-section{background: #44546b; padding:30px 30px;}
.why-section{padding:20px 0px;}
.title-con ul li{font-size: 14px;}
.how-it-works-header p{font-size: 14px;}
.cliesr{height: 300px; width: 100%;}
.feature-content-image {
    width:80%; top: 0px;
}
div#navbarSupportedContent {
    width: 100%;
    background: #fff;
    float: left;
    padding: 10px 15px;
    margin-top: 15px;
}
.navbar-action-button{padding-left: 0px;}
/*.navbar-nav{ padding: 10px 15px;background: #fff;margin-top: 15px;}*/
}


/* Responsive Devise For xs Mobile */
@media only screen and (max-width: 320px) {
.navbar-brand{ width: 40%; }

/*.navbar-action-button{ display: none;}*/
.slid-1{width: 100%; height: auto;}
.flex-caption{width: 100%; position:relative;}
.banner-deskstop{padding-top: 25px; padding-left: 10px;}
.caption_title_line{padding: 0px; margin-top: 25px; text-align: center; display: inline-block;}
.flex-caption h3{font-size: 25px; font-weight: 400; display: inline-block;}
.flex-caption h4{float: left; font-size: 25px;display: inline-block;}
.flex-caption h2{float: left; font-size:20px;}
.flex-caption p{font-size: 14px;}
.flex-caption > a.btn-default{ margin: 0px auto; display: table;}
.gt-section-one{ padding-top: 35px;}
.section-header{ font-size: 25px; }
.how-it-work-card{padding: 28px 35px;}
.feature-content-text{    padding-top: 0;
    padding-left: 0;}
.schema-faq-question{padding: 0px; font-size: 16px;}
.section-header-three{font-size: 20px}
.single-testimonial p{padding: 30px;}
.client-info{    padding: 15px 26px 30px;}
.client-info h6{font-size: 12px;}
.owl-dots{margin-top: 0px;}
.features-testimonial{padding:40px 15px 20px; float: left;}
.footer-section{background: #44546b; padding:30px 0px;}
.why-section{padding:40px 0px;}
.title-con ul li{font-size: 14px;}
.cliesr{height:250px; width: 100%;}
.feature-content-image {
    width:100%; top: 0px;
}
.navbar-action-button{padding-left: 0px;}
/*.navbar-nav{ padding: 10px 15px;background: #fff;margin-top: 15px;}*/
div#navbarSupportedContent {
    width: 100%;
    background: #fff;
    float: left;
    padding: 10px 15px;
    margin-top: 15px;
}
}