@media screen and (min-width: 991px){
  
}

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

.ExtraLargeText{font-size:23px;line-height: 40px;}
.LargeText {font-size:22px; line-height:35px;}
.MediumText{font-size:18px; line-height: 35px;}
.SmallText{font-size: 17px;}

.LargeTitleText{font-size: 50px; line-height: 65px;}
.MediumTitleText{font-size: 37px;}
.SmallTitleText{font-size: 30px;}

.LargeTitleTextSpace {
    margin-bottom: 45px;
}
/*-----------Banner Section-----------*/
.form-bg-color{
    padding: 30px 30px;
}
.BannerTitle{
        font-size: 50px;
    line-height: 66px
}
.form-title-text{
    font-size: 31px;
    line-height: 43px;
}
.Banner {
    margin-top: 80px;
}
/*--------End Banner Section-----------*/
.EmptySpaceTop {
    margin-top: 130px;
}
.LargeText {
    font-size: 22px;
    line-height: 35px;
}

.BottomImg {
    right: -7px;
    bottom: 105px;
    transform: rotate(14deg);
}
.QuotesImg {
    width: 50px;
}
.BottomImg {
    width: 35%;
}
.QuotesImg {
    padding-bottom: 15px;
}
#btn-validate {
    padding: 10px 15px;
}

}
@media screen and (max-width: 1399px) {
 
 .MediumTitleText {
    font-size: 33px;
   
}
.YearsOfExperienceImg{
    width: 80%;
}
.LookingTitle {
    line-height: 45px;
}
.ServicesBoxTitle{
    padding-left: 15px;
}
/*----Banner Section-------*/
.BannerTitle {
    font-size: 51px;
    line-height: 70px;
}
/*------End Banner section------*/
/*----Form----*/
.form-title-text {
    font-size: 33px;
    line-height: 40px;
}
.wpcf7-form-control.wpcf7-validates-as-required {
    height: 51px;
}

.lb-input label {
    top: 16px;
}
/*----End Form----*/
/*---------------*/
.Banner {
    margin-top: 70px;
}

.Blog .card-body {
    padding: 25px;
}
.BlogTitle {
    font-size: 21px;
    line-height: 31px;
}
.Blog .slick-slide > div {
  margin: 0 25px;
}
.Blog .slick-list {
  margin: 0px;
}
.BottomImg {
    display: none !important;
}

}
@media(max-width: 1399px){
    .ExtraLargeText{font-size:21px;line-height: 40px;}
.LargeText {font-size:20px; line-height:35px;}
.MediumText{font-size:17px; line-height: 35px;}
.SmallText{font-size: 16px;}

.LargeTitleText{font-size: 45px;}
.SmallTitleText{font-size: 29px;}

 .MediumTitleText {
    font-size: 33px;
    line-height: 36px;
}
}

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

 .ExtraLargeText{font-size:20px;line-height: 40px;}
.LargeText {font-size:19px; line-height:35px;}
.MediumText{font-size:17px; line-height: 35px;}
.SmallText{font-size: 16px;}

.LargeTitleText{font-size: 42px;line-height: 60px;}
.MediumTitleText{font-size: 29px; line-height: 40px;}
.SmallTitleText{font-size: 27px;}

.ClientNameDetail p {
    font-size: 21px;
    line-height: 32px;
}
    .EmptySpaceTop {
    margin-top: 120px;
}
    .BannerTitle {
    font-size: 43px;
    line-height: 62px;
}

.BannerBtnSpace {
    margin-right: 10px;
}


.BgButton, .BorderButton{
    height: 65px;
        line-height: 40px;
        font-size: 20px;
}

/*-----form-----*/
.form-title-text {
    font-size: 27px;
    line-height: 36px;
}
.lb-input.has-value label{
    font-size: 15px;
}
.form-bg-color {
    padding: 20px 20px;
}

/*-----End form--------*/


.Blog .slick-slide > div {
  margin: 0 20px;
}
.Blog .slick-list {
  margin: 0px;
}
.prev-arrow, .next-arrow{
    top: -87px;
}
.ExtraLargeText {
    font-size: 21px;
    line-height: 30px;
}
.readMoreModelButton{
    font-size: 18px;
}
.TestimonialBox{
        padding: 15px 15px 0px 15px;
}
}
@media screen and (max-width: 991px) {
.DevelopersExpertise .main {display: block!important;}
    .DevelopersExpertise .nav-pills .nav-link:before{display:none;}
    .DevelopersExpertise .nav-pills .nav-link{width: 100%; text-align: left; padding: 10px 20px; border-bottom: 1px solid #ddd;}
    .DevelopersExpertise #v-pills-tab{min-height:auto;margin-bottom:30px;width:100%;}
    
    .portfolio{display:block!important;}
        .portfolio .PortfolioContent{padding:20px 0px;width:100%;}
        .portfolio .Box{width:100%;}
    
    .form-bg-color {
    margin-top: 25px;
}
.form-title-text br {
    display: none;
}
.WhatTypeOfEntities br, .HowDoes br {
    display: none;
}
.LargeTitleText{font-size: 35px; line-height: 45px;}
.MediumTitleText{font-size: 30px; line-height: 40px;}
.SmallTitleText{font-size: 22px;}
.HowDoesBox .IconText {
    margin-bottom: 15px;
}
.IconText img {
    width: 30px;
    margin-top: 8px;
}
.TestimonialBox{
    margin: 0;
}
.prev-arrow, .next-arrow {
    display: none !important;
}
.ClientNameDetail small{
    font-size: 17px;
    line-height: 21px;
}
.BgButton.BtnPadding {
    padding: 10px 20px;
}
.WhatTypeOfEntities .card{
    padding: 15px
}
.QuickbooksLogoW, .UlBox {
    padding: 15px;
}
}

@media screen and (max-width: 767px){
    .roundbox{display:none;}
    .BgButton:hover{
            transform: scale(1.0);
    }
.LargeText {
    font-size: 20px;
    line-height: 30px;
}
.LargeTitleText {
    text-align: left !important;
}

.LargeTitleText{font-size: 35px;}
.MediumTitleText{font-size: 30px;}
.SmallTitleText{font-size: 21px;}

    .BannerTitle {
    font-size: 35px;
    line-height: 50px;
}
.ExtraLargeText {
    font-size: 19px;
    line-height: 33px;
}
.BannerTitle {
    padding-bottom: 20px;
}
.BannerBtnSpace {
    margin-top: 40px;
}
.EmptySpaceTop {
    margin-top: 70px;
}
.LargeTitleTextSpace{
        margin-bottom: 25px;
}
.Banner {
    margin-top: 50px;
}

/******btn********/
.fixBtn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
}
.fixBtn .BgButton {
    width: 100%;
}
 .main-form.activeForm {
   top: -26px;
    animation: fadeInUp;
    display: block;
    overflow-y: auto;
    padding-bottom: 80px;
    z-index: 99999;
}

 .main-form {
    position: fixed;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    z-index: 11;
    background: #fff;
    height: 100%;
    transition: all .5s linear;
    z-index: 99;
}
.back {
    padding-right: 10px;
        margin-top: -3px;
}

.BackBtn {
    margin-bottom: 25px;
    margin-top: 7px;
    font-size: 20px;
    display: block !important;
}
/*******End btn******/
.Blog .slick-list {
    margin: 0 0px;
}
.slick-dots{
    left: 0;
}
.slick-prev, .slick-next{
    display: none !important;
}
iframe#videoToShow {
    width: 500px !important;
    height:300px;
}
.VideoModel .modal-dialog{
    margin: 0 auto;
}
.back-to-top{
    display: none !important;
}
.MailText {
    display: none;
}
.Blog .slick-slide > div {
    margin: 0 15px;
}
/*------------------*/
.List li, .IconText {
    position: relative;
    padding-left: 16px;
}

.List li:before, .IconText:before {
    position: absolute;
    left: 0;
    content: "";
    width: 7px;
    top: 11px;
    height: 7px;
    background: #0086cd;
    border-radius: 50%;
}
/*.IconText:before {
    left: -15px;
    top: 13px;
}*/
.List li img, .IconText img{
    display: none;
}
.ClientNameDetail small {
    font-size: 14px;
    line-height: 21px;
}
.TestimonialDetail {
    padding: 0 5px;
}
.CallToAction{
    margin-top: 120px;
}
/*-------------------*/
.QuickbooksLogoW, .UlBox {
    padding: 15px;
}
.MobileViewTextLeft {
    text-align: left !important;
}
.LargeTitleText br{
    display: none;
}
.Blog .card-body {
    padding: 15px;
}
.LargeTitleText br {
    display: none;
}

}

@media screen and (max-width: 576px){
.BgButton.BtnPadding {
    padding: 10px 10px;
}
.BorderButton {
    width: 290px;
    text-align: center;
}
.Banner .ParagraphTextColor br {
    display: none;
}

.BgButton {
    padding: 10px 20px;
    font-size: 18px;
    height: 55px;
    line-height: 31px;
}
.TickMarkBox img {
    width: 36px;
}

.video-btn {
    width: 100%;
}
.SliderVideoTestimonial {
    padding: 0;
}

.SliderVideoTestimonial .slick-dots{
    left: 0px;
}

iframe#videoToShow {
    width: 300px !important;
    height:300px;
}
.btn-close {
    width: 10px;
    height: 10px;
    padding: 7px !important;
    top: -19px;
    right: -8px;
}
.TestimonialBox {
    margin: 5px;
    padding: 0px;
}
.TestimonialDetail {
    margin-bottom: 10px;
}
.YearsOfExperienceImg{
    width: auto;
}
.logo img {
    width: 190px !important;
}
.Email {
    display: inline-block;
    margin-right: 25px;
}
.Blog .slick-slide > div {
    margin: 0 0px;
}
}