@media (min-width: 1366px){
    
    .stratup_app_screen {
    left: -60%;
    position: absolute;
    height: 100%;
    z-index: -1;
    bottom: 43%;
    }
.container-prelaoding-screen h2.frame-5 {

    margin-top: -18%;
}
}
@media (max-width: 1366px) {
    .footer-section{
        position: absolute!important;
    }
/* main carousal at top of home page*/
        
    .stratup_app_screen {
       bottom: 42%;
        left: -41%;
}
   .stratup_app_screen .laptop {
    width: 135%;
}

    .support-map-poistion {
    left: 51%;
    top: 62%;
  }
    /* style for create account page */
    .startup_content_three {
        margin: 6% auto;
    }
    .validation-account-container {
        padding: 2% 13% 2%;
    }
   /* style for user guild line page */
 .guildLine-interface {
    /*margin-left: -120px;*/
    margin-left: 0px;
    padding-top: 67px;
}   
     .email-content {
        margin-top: 25%;
}
    .e-marketing-service, .email-service {
    width: 136%;
}
  .email-service {
    left: 0%;
}  
}
@media (min-width: 1025px) {
.cart-box-show:after{
    left: 3%;
    }

.container-prelaoding-screen h2.frame-5 {
    margin-top: -40%;
}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
    background-color: #151539;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after {
    background-color: #ffffff;
  }   
}
@media (max-width: 1281px) {
 /* style for create account page */
 .footer-section {
    position: absolute !important;
  }
}
@media (max-width: 1025px) {
     /* main carousal at top of home page*/
     .startup_banner_area_three, .demo_banner_area{
     min-height: 85vh;
    }
    .stratup_app_screen {
    bottom: 32%;
    left: -16%;
}
    .stratup_app_screen .laptop {
    width: 135%;
}
   /* navbar*/
     li.nav-item{
       text-align: right;
       font-size: 12px;
    }
   .trail_btn {
        font-size: 12px;
    }
    .navbar-brand{
    width:5%;
    }

    /* style for create account page */
    .validation-account-container {
        padding: 2% 9% 2%;
    }
    /* around raq  section in home page  */
    .section-1-box{
        margin: 5% 0;
    }
    /* style for payment page */
    #scene {
        height: 550px;
        overflow: scroll;
    }
/* package & price */
    .price_board{
    top: 0% !important;
    position: relative !important;
    margin: 0% auto 13%;
    }
 /* pricing box in package and price page */
    .section-container-gray-bg {
    background: #fbfbfd;
    padding-top: 8%;
}
    .tab-pay a{
        font-size: 8px;
    }
/* map style in support page */
    .support-map-poistion {
    left: 512px;
    top: 62%;
}
    
/* style for user guild line page */
    .main-userGuildline-header .userGuildline-header-icon {
      right: 23px;
      top: 48%;
    }
    .guildLine-interface {
    margin-left: -53px;
    padding-top: 67px;
    }
    .box21{
        margin-bottom:30px
    }
      /* style for service page */
    .e-marketing-service,.email-service{
       width: 130% 
    }
   .email-service{ 
        left: 0%;
    }
    .email-content {
    margin-top: 18%;
    }
    .progress{ 
        margin-bottom: 20px; 
    }
      .adv-website-Table{
        margin: 25px 0 0px;
    }
   /* style for company profile page */
     .profileTable{ 
         margin-bottom: 30px; 
    }
    /* style for loading page */
   .title{
    top: 35%;
    }
    .startup-loading-row {
        margin-top: 15%
    }
.container-prelaoding-screen h2 {
    font-size: 55px;
}
.container-prelaoding-screen h2.frame-4 {
        font-size: 150px;
    }
.container-prelaoding-screen h2 {
     margin-top: 0;
    }
.container-prelaoding-screen h2.frame-1 {
      margin-top: -24%;
  }
.container-prelaoding-screen h2.frame-2 {
     margin-top: -14%; 
  }
.container-prelaoding-screen h2.frame-3 {
  margin-top: -24%; 
  }
.container-prelaoding-screen h2.frame-4{
    margin-top: -16%;       
  }
.container-prelaoding-screen h2.frame-5 {
   margin-top: -32%;
  }

}
@media (max-width: 900px) {
    .slidenav__item__header h1 {
        line-height: 1.5;
    }
    /* navbar */
	.navbar-expand-md .navbar-nav .nav-link {
        padding-top: 0.3rem; 
        padding-bottom: 0.3rem;
        line-height: 18px;
    }
	.navbar-brand {
    width: 10%;
   }
    li.nav-item {
    padding-bottom: 12px;
    text-align:center;
    font-size: 18px;
}
    .trail_btn {
    line-height: 18px;
    font-size: 10px;
}
   /* main corousal at the top of  in home apge */
    .startup_banner_area_three, .demo_banner_area {
    min-height: 219vh;
    }
  .stratup_app_screen .laptop {
    width: 75%;
   }
    .startup_content_three h2{
          margin-bottom: 0px;  
    }
    /* style for create account */
    .footer-section {
        position: relative!important;

    }
    /* general style */
	.section-description p {
        padding: 0; 
    }
	
	.section-1-container { 
        padding-bottom: 60px;
    }
	.section-1-box { 
        text-align: center;
    }
	.section-3-box { 
        text-align: center;
    }
	.section-3-box h3 {
        margin-top: 20px;
        padding-top: 10px; 
    }
   .section-box-icon img{
      width: 30%;  
    }
    /* solution section in home page*/
    .software_banner_content{
    direction: rtl !important;
    }
    .software_banner_content > h2{
    text-align: right!important; 
    }
    /* solution section in home page */
    .shap1 ,.shap2,.shap3,.shap4{
    border-radius: 25px;
    margin: 19px auto;
}
    /* package and price section at home page*/
    .box2{
    padding-top: 20%;
    }
     /* footer */
    .section-footer-copyright .footer__socail{
    margin-right: 5rem;
    }
    .validation-container {
    overflow-y: scroll;
        /* height: 100%; */
    }
 /* user account create  in create account page */  
 .account-val-header h1{
    font-size: 24px;
    }
    .startup_content_three {
        margin: 25% auto 15%;
    }
    .orbtn {
    top: 0;
    right: 0;
    left: 0px;
    margin: 7% auto;
    position: relative;
  
    }
    .rightside{
        border:0px solid #fff;
        height: 308px;
    }
   .help-block.with-errors{
        position: static!important;
  }
 
/* style for payment page */
#scene{
    height: 670px;
}
.package-item-text{
    display: none
}
#left-zone .list li.item input[type="radio"] ~ .content.content_strawberry ,#left-zone .list li.item input[type="radio"] ~ .content.content_banana,
#left-zone .list li.item input[type="radio"] ~ .content.content_apple ,#left-zone .list li.item input[type="radio"] ~ .content.content_orange{
    border-right: 0px solid transparent;
}
#left-zone .list li.item input[type="radio"] ~ .content {
    width: 85%;
}
#left-zone .list li.item input[type="radio"] ~ .content.content_strawberry h1,
#left-zone .list li.item input[type="radio"] ~ .content.content_banana h1,
#left-zone .list li.item input[type="radio"] ~ .content.content_apple h1 ,
#left-zone .list li.item input[type="radio"] ~ .content.content_orange h1{
    font-size: 24px
}
#form-id div> img {
    width: 50%!important
}
 /* demo free  try page */
.demo_banner_area:before {
    width: 100%;
}
 /* navbar*/
    .navbar-brand{
    width: 7%;
    }
    .cart-num{
        width: 8%;  
    }
       /* package & price */
    .nav-link h4{
        font-size: 12px
    }
    /* pricing box in package and price page */
    .tab-pay a{
        font-size: 11px;
    }
    .tab-pay-header{
            margin-bottom: -1.75rem;
    }
    /* start with us in home page */
    .animation_application li {
        width: 14%;
    }
    .animation_application {
    left: -66px;
    height: 406px;
    position: relative;
     }
    .animation_application li:nth-child(16) {
    bottom: -112px;
    left: 394px;
    }
  /* style for around raq page */
  .box12{
    margin-bottom:20px
}
 /* style for create account  page */
 .validation-account-container {
    padding: 9% 16%;        ;
    background: url(../../images/img/payment/bgsmallscreen.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    height: auto;
}
/* style for main feature of raq in raq advantage */
    .main-feature .title{
    background: rgba(92, 202, 242, 0.5);
    }
    
/* map style in support page */
    .support-map-poistion {
    left: 52%;
    top: 62%;
    }
/* style for user guild line page */
    .guildLine-interface{
    margin-left: -46px;
    padding-top: 67px;
  }
   .main-timeline .timeline-inner:after{
        width: 110%;
    }
    .main-timeline .timeline:nth-child(2n) .timeline-inner:after{
        width: 0;
    }
    .at-UGL-btn1 ,.at-UGL-btn2{
   top: 21%;
   }
   .at-UGL-btn3{
    top: 23%;
   }
   .at-UGL-btn4{
   top: 28%;
   }
   .main-timeline .timeline-inner:after {
   display: none
    } 
/* style for loading page */
	.title{
        top: 40%;
        font-size: 75px; 
    }
    .startup {
    overflow: scroll;
    }
    .startup-loading-row {
    margin-top: 50%;
    }
    .loading-tablet-img {
    margin-top: -21%;
    }
    .loading-tablet-img img{
        width: 75%;
    }
    .container-prelaoding-screen h2{
    margin-top: 50px;
                top: 0;
   }
    .container-prelaoding-screen h2.frame-1   {
       margin-top: -39%;
}
    .container-prelaoding-screen h2.frame-2{
         margin-top: -17%;
    }
   .container-prelaoding-screen h2.frame-3{
         margin-top: -17%;
    }
   .container-prelaoding-screen h2.frame-5 {
    margin-top: -22%;
   }
   /* style partner page*/
   .partners-intro-img{
       position:static !important;
   }
    /* style for 3th party detials page */
  .apps-3th-party-section .overlay {
    width: 100%;
}
/* style for company profile page */
.trial-btn {
    font-size: 12px;
}
}
@media (max-width: 768px) {
/* main corousal at the top of  in home apge */
.startup_banner_area_three, .demo_banner_area {
    min-height: 100vh;
}   
.flex-direction-nav li {
    width: 50px;
  }
  .projectFactsWrap .item {
    flex: 0 0 50%;
 }
/* style for loading page */
.title{
        top: 50%
    }
.content {
    padding: 0;
    }
.startup-loading-row {
    margin-top: 0;
    }
.loading-tablet-img {
    margin-top: 26%;
    }
.loading-tablet-img img{
        width: 75%;
    }
.container-prelaoding-screen h2 {
     margin-top: 0;
    }
.container-prelaoding-screen h2.frame-1 {
    margin-top: -1%;
  }
.container-prelaoding-screen h2.frame-2 {
    margin-top: -4%;
  }
.container-prelaoding-screen h2.frame-3 {
    margin-top: -4%;
  }
.container-prelaoding-screen h2.frame-4{
    margin-top: -10%;       
  }
.container-prelaoding-screen h2.frame-5 {
    margin-top: -30%;
  }
   /* login system raq page */
   .TimeDisplay {
    width: 51%;
}
/* style for package detials page */
li.nav-item {
    padding-bottom: 0px;
    font-size: 14px;
}
.packageTab a img {
    width: 15px;
}
/* style for payment page*/
#scene{
    overflow: scroll;
}
 #right-zone ,#scene #middle-border {
    flex-grow: 0;
    display: none;
}
 #left-zone{
    width: 100%;
    height: auto;
}
.package-item-text{
    display: none
}
 #left-zone .list li.item input[type="radio"] ~ .content .content_banana{
    position: relative;
}
.package-content-info-form{
    border-right: 0px solid transparent;
}
.package-content-address-form {
    border-right: 0px solid transparent;
}
.package-content-company-form{
    border-right: 0px solid transparent;
}
.package-content-payment-form{
    border-right:0px solid transparent;
}
  /* style for 3th party detials page */
.main-box-header .box-header.box-3th-party-apps-header{
    width: 100% !important;
 }
}
@media (max-width: 767px) {
    /* footer */
    .section-footer-copyright{
    width: 100%;
    }
    .footer-container{
        margin-top: -1px;
        margin-bottom: -1px;
    }
/* main corousal at the top of  in home apge */
 .startup_banner_area_three, .demo_banner_area {
    min-height: 216vh;
}
/* navbar*/
    .navbar {
        background: rgba(21, 21, 57, 0.8)!important;
    }
     li.nav-item{
        text-align: right;
        padding-bottom: 9px;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        padding-right: 5px;
        transition: 2s
    }
    li.nav-item:hover {
    border-radius: 3px;
    border: 0px;
    }
 .navbar-brand {
    width: 7%;
}
.navbar-dark .navbar-nav{
    margin: 9% auto;
    }
.navbar-collapse{
    position: fixed;
    top: 56px; 
    width: 100%;
    padding-right: 0rem;
    padding-left: 2rem;
    padding-bottom: 2rem;
    overflow-y: auto;
    background-color: rgba(21, 21, 57, 0.9);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .navbar-collapse.show{
    -webkit-transform: translateX(1.3rem);
    transform: translateX(1.3rem); /* Account for horizontal padding on navbar */
  }
    .navbar-dark .navbar-toggler:focus{
     border: 1px solid #5ccaf2;
     background: transparent
}
.header-trialbtn-cart {
    float: none;
    width: auto;
}
.cart-box-div {
    width: auto;
}
.cart-icon {
    float: right;
}
.cart-num {
    right: 0;
}
.cart-box-show {
    right: 0;
    min-width: 22rem;
    margin: auto 1% 1%;
}
.cart-box-show:after {
    right: 16px;
    width: 1%;
}
/*--------------------*/
    .start-pargraph-section{
    text-align: right !important;
    padding-right: 20px;
    }
    .wrap-content{
        padding: 0px !important; 
    }
    .support-section-footer{
        position: relative !important; 
    }
    .support-section h1{
        top: 5%;  
    }
 /* style for create account  page */
 .validation-account-container {
    padding: 15% 4%;  
}
.validation-account-box {
    height: 56%;
    overflow: scroll;
}
/* advantage section */
    .vb:nth-child(1), .vb:nth-child(2),.hb:nth-child(1), .hb:nth-child(2),.hb:nth-child(3), .vb:nth-child(4), .vb:nth-child(5) {
    border-left: 0px solid;
    border-bottom: 0px  solid ;
}
.about-tab-area .nav-tabs .nav-link.active:after{
    bottom: -10px;
}/* style for application list page */
 .nav-tabs .nav-link.active{
    border-color: transparent;
 }
/* package details page*/
.img-package-selected {
        float: right;
        width: 28%;
        margin-left: 10px;
    }
    .nav-tabs .packageTab{
    margin: auto;
    margin-bottom: -11px;
 }
 .navbar-collapse.show {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
    height: 79%;
    overflow: scroll;
}
.navbar-collapse {
    top: 76px;
}
 /* contact us information in support page*/
.section-inforamtion{
    margin-top: -12rem !important;
        
    }
#map-iframe {
        position: relative !important;
    }
.pulse {
    margin-top: -138px;
}
.pin {
    top: 0%;
    }
.support-map-poistion{ 
    left: 53%;
    top: 72%;
    }
    /* start with us in index page */
.animation_inner li {
     width: 30%;
    }
.animation_inner li:nth-child(4) {
    top: 139px;
    left: 27px;
}
.animation_inner li:nth-child(5) {
    top: 226px;
    left: 140px;
}
.animation_inner li:nth-child(6) {
    top: 239px;
    left: 307px;
}
   /* style for user guild line page */
#left-zone .list li.item input[type="radio"] ~ .content {
    height: 600px;
}
.main-userGuildline-header .userGuildline-header-icon {
    right: 19px;
    top: 52%;
    }
.main-userGuildline-header {
    padding: 26px 0px 0px;
   }
    .pyramidGraphText{
        
      padding-top: 26px  
    }
    .guildLine-interface{
    margin-left: -20px;
    padding-top: 67px;
  }
    .main-userGuildline-header .userGuildline-header{
    padding-top: 0px;
    margin: 0 0 30px;
    width: 100%;
    }
    .main-userGuildline-header .userGuildline-header:after,
    .main-userGuildline-header .userGuildline-header:nth-child(even):after{
    height: 110px;
    width: 110px;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(0);
    }
    .main-userGuildline-header .timeline-content,
    .main-userGuildline-header .userGuildline-header:nth-child(even) .userGuildline-header-content{
    text-align: center;
    padding: 15px;
    }
    .main-userGuildline-header .timeline-icon,
    .main-userGuildline-header .userGuildline-header:nth-child(even) .userGuildline-header-icon{
    font-size: 35px;
    height: 90px;
    width: 90px;
    line-height: 70px;
    right: auto;
    left: 50%;
    top: 10px;
    transform: translateX(-50%) translateY(0);
    }
    .main-userGuildline-header .title{
         font-size: 20px; 
    }
    .main-userGuildline-header .title{ 
        font-size: 20px;
     }
    .main-userGuildline-header .title{ 
        font-size: 20px;
     }
    .main-userGuildline-header .title{ 
        font-size: 20px; 
    }
    .main-timeline .timeline{
    margin-bottom: 50px;
    }
    .main-timeline .timeline-inner:after,
    .main-timeline .timeline:nth-child(2n) .timeline-inner:after{
    width: 100%;
    height: 3px;
    left: 0;    
    }
    .at-UGL-btn1 ,.at-UGL-btn2{
   top: 17%;
   
   }
   .at-UGL-btn3{
    top: 19%;
   }
   .at-UGL-btn4{
   top: 25%;
   }
    .real-chart-ugl-section {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
/* style for support page */
.section-heading {
    margin-top: 5%;
    margin-bottom: 5%;
}
.about-tab-area .nav-tabs .nav-link {
    padding: 0px 8px;
        margin-left: 0px;
}
/* style for payment page */
#left-zone .list li.item input[type="radio"] ~ .content {
    width: 91%;
}
.btn.btn-lg {
    padding: 6px 3px;
}
  /* style for service page */
  .consulting-intr,.consulting-need {
    margin: 0px auto;
}
    .traning_inner .traning_item .line{
    border-right: 0px dashed #fff;  
    }
    .traning_inner .traning_item .round{
     margin: 33px auto;
    }  
    .adv-website-Table.adv-website-Table-header:before,
    .adv-website-Table .adv-website-Table-header:after{
        width: 48.6%;
    }
    .adv-website-Table .adv-website-content{
        display: inline-block;
        text-align: center;
    }
    /* style for company profile page */
    .profileTable:before{ 
        transform: skewY(-15deg); 
    }
    .profileTable.title{ 
        font-size: 22px;
    }
    .trial-btn{
        width: 70%!important
    }
    /* style for loading page */
	.title{
        font-size:75px; 
        top:50%;
   }
   /* login system raq page */
   #slideBox {
    width: 80%;
    margin-left: 20%;
  }
  .signup-info {
    display: none;
  }
  .TimeDisplay{
    width:60%;
    padding: 12px 0px;
  }
   /* style for packages type page */
   .packages-type-pull {
    margin-top: -32%;
}
  .third-party-introduction .grid {
    padding: 4rem 0em;
  }
  .third-party-counter-page{
      margin: 0 !important
  }
/* style for 3th party apps detials */
.box-3thparty-apps-icon{
    top: 48% !important;
 }
.wrap-content{
    padding: 100vh 0px 200vh 0px;
 }
}
@media screen and (max-width: 667px) {
    .display-2 {
        font-size: 3.2rem;
    }
    .display-1 {
        font-size: 3.5rem;
    }
    .display-4 {
        font-size: 2.5rem;
    }
    .navbar-brand {
        width: 6%;
    }
    .navbar-collapse {
        top: 60px;
    }
    /* style for create account page */
    .validation-account-container {
        padding: 15% 4%;
    }
    .validation-account-box{
        height: 69%;
    overflow: scroll;
    }
/* main corousal at the top of  in home page */
  .stratup_app_screen .laptop {
    width: 100%;
}
  .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }
  .more-icon-preocess.process-model li::after {
        top: 24px;
    }
  /* advantage section in home page */
     .hb:nth-child(1), .hb:nth-child(2), .hb:nth-child(3) {
     border-bottom: 0px solid ; 
}
  .vb:nth-child(1), .vb:nth-child(2), .vb:nth-child(4), .vb:nth-child(5) {
    border-left: 0px solid; 
}
/* number phone section in support page */
    .phone-number-support{
    padding-right: 135px;
}
    .gmap_canvas{
    width: 111%;
    }
    .support-map-poistion{
    left: 49%;
    top: 71%;
    }
    /* style for service page */
    .e-marketing-service, .email-service {
    width: 100%;
        }
    /* style for solution page */
     .solution-header-introduction{
    font-size: 1.2em;
    margin: 19% 0% 0;
    line-height: 1.2;
    }
     .solution-text-introduction{
            font-size: 10px;
    }
    /* style for free demo page */
    .free-demo-box {
        border-radius: 0px;
         background:transparent; 
    }
    .color-sm-gray{
        color:#f9f9f9 !important;
    }
/* style for loading page */
      .page-profile-header{
        height: 60vh;  
  }
	.title{
        font-size:50px; 
        }
    .trial-btn{
      font-size: 13px;
      width: 60%
        }
    .navbar-profile-socail-media li> a>img{
    width: 11%;
        }
        .navbar-profile-socail-media li> a .company-profile-youtube{
            width: 13%;   
        }
    .container-prelaoding-screen h2 {
    font-size: 25px;
       }
    .startup {
    overflow: scroll;
    }
    .startup-loading-row {
    margin-top: 50%;
    }
   .loading-tablet-img {
    margin-top: -5%;
    }
    .loading-tablet-img img{
        width: 75%;
    }
    .container-prelaoding-screen h2{
    margin-top: 50px;
    top: 0;
    font-size: 45px;
   }
    .container-prelaoding-screen h2.frame-1   {
       margin-top: -39%;
}
    .container-prelaoding-screen h2.frame-2{
         margin-top: -17%;
    }
   .container-prelaoding-screen h2.frame-3{
         margin-top: -17%;
    }
   .container-prelaoding-screen h2.frame-5 {
    margin-top: -30%;
    padding: 0 12%;
   }

}
@media screen and (max-width:575.98px) {
    .navbar-collapse {
        top: 54px;
    }
    .service-block h4{
    text-align: right   
    }
    /* genral style */
    
    h1,h2,h3 ,p{
     padding: 0px 12px;
    }
    /* main corousal at the top of home page */
.stratup_app_screen .laptop {
    width: 100%;
}
    /* main corousal at the top of  in home apge */
 .startup_banner_area_three, .demo_banner_area {
    min-height: 100vh;
}
 /* style for create account  page */
 .account-val-header h1{
    font-size: 22px;
    }
    .validation-account-box {
        height: 56%;
    }
    /* style for partner carousal said in home page */
.carousel-opinion{
    width: 100%;
}
a.carousel-control-opinion-prev ,a.carousel-control-opinion-next{
    width: 27px;
    color: #fff;
    padding-top: 0%;
    font-size: 8px;
}
.carousel-opinion {
    width: 53%;
}
.carosal-indicators-opinion li {
    width: 50px;
    height: 45px;
    }
    .carosal-indicators-opinion {
    margin: 0;
}
    .carosal-indicators-opinion .active {
    width: 60px;
    height: 50px;
}
 /* style for free try demo  RAQ page  */
    .header-demo_user-info{
    padding: 5em 5% 1em;   
    }
 /* for package detials page  introduction */
    .section-description {
    margin-top: 30px;
    margin-bottom: 30px;
}
    /* style for package page */
    .price-package{
    margin-top: 40px
    }
    /* style for payment page */
    #scene {
        height: 270px;
        width: 118%;
        left: -9%;
    }
    #left-zone .list li.item input[type="radio"] ~ .content {
        width: 93%;
    }
    #left-zone .list li.item input[type="radio"] ~ .content {
        height: 670px;
    }
    .validation-container {
        overflow-y: scroll;
        height: 100%;
    }

    /* style for main feature of raq in raq advantage */
    .start-feature-button{
    margin-bottom:30px
    }
      /* style for  number phone section in support page */
.phone-number-support {
    padding-right: 121px;
  }
  /* style for support page */
.section-inforamtion {
    margin-top: 0 !important;
}
    /* style for user guild line */
     .box21 .box-content{
    padding-top:0
    }
    .at-UGL-btn1 ,.at-UGL-btn2{
   top: 21%;
   }
   .at-UGL-btn3{
    top: 23%;
   }
   .at-UGL-btn4{
   top: 28%;
   }
    /* style for service page */
    .adv-website-Table .adv-website-Table-header:before,
   .adv-website-Table .adv-website-Table-header:after{
        width: 47%;
    }

 /* style for company profile page */
    .navbar-profile-socail-media {
            margin: 17px auto 0px;
    }
/* style for loading page */
   
	.title{
        font-size: 40px; 
    }
  .loading-tablet-img {
    margin-top: 40%;
}
.container-prelaoding-screen h2 {
    top: 0;
    font-size:35px;
    line-height: 1.5;
    }
   .container-prelaoding-screen h2.frame-4 {
   font-size: 75px;
   }
 .container-prelaoding-screen h2.frame-1 {
    margin-top: -9%;
   }
    .container-prelaoding-screen h2.frame-2, .container-prelaoding-screen h2.frame-3, .container-prelaoding-screen h2.frame-4
    {
    margin-top: -70px;
    }
  
  .container-prelaoding-screen h2.frame-5 {
    margin-top: -75%;
}
/* login raq system */

.TimeDisplay{
    width:100%;
    padding: 12px 0px;
         }
    .header-login{
    font-size: 1.6rem;
    
}
    .img-system-login{
    width: 15%;
      }
      #HoursDisplay, #MinutesDislay, #secondDisplay {
 
        font-size: 3rem;  
     }
     /*  style for packages type page */
     .packages-type-pull {
        margin-top: -31%;
    }
    .package-type-table{
        padding: 0 2px 30px;
    }
    .package-type-table .heading:after {
        bottom: -124px;
    }
    /* style for 3th party apps page */
    .pagination{ display: block; }
    .pagination li{
        display: inline-block;
        margin: 0 0 5px;
    }
     /* style for 3th party apps detials */
 .box-3thparty-apps-title{
    font-size: 16px !important;
    line-height: 1.8;
 } 
}
@media (max-width: 415px) {
    h1, h2 { 
        font-size: 26px; 
    }
    .navbar-brand {
        width:9%;
    } 
    .navbar-collapse.show{
        height: auto;
    }
    .cart-num{
        width: 12%;  
    }
   .help-block.with-errors{
        position: static !important;
  }
  .orbtn {
    margin: 15% auto;
}
.rightside h4{
    font-size: 19px;
    text-align: right

}
.forgetten-password{
    font-size: 14px;
}
button.social-signin{
    width: unset;
}
.leftside h4{
    font-size: 1.2rem;
}
    /* style for free try demo  RAQ */
 .header-demo_user-info{
            padding: 2em 5%;
    }
    /* style for raq advantage */
.uza-video-area{
        top: 100%;
        left: 0px;
        right: 0;  
    }
    /* style for payment page */
#scene {
        height: 750px;
    }
#left-zone .list li.item input[type="radio"] ~ .content {
        width: 90%;
        height: 800px;
    }
    .btn-payment button{
        font-size: 14px;
    }
    #form-id div> img {
        width: 100%!important
    }
    /* style for create account */
    .validation-account-box {
        height: 100%;
        overflow: scroll;
    }
    .validation-account-container {
        padding: 20% 4%;
        height: 64.1vh;
    }
    .footer-section {
        position: absolute !important;
    }
    /* package details page*/
        .nav-tabs .packageTab{
    margin-bottom: -1px;
     }
     .table-details-package {
    font-size: 14px;
    margin-right: -23%;
    }
    .img-package-selected {
    width: 75%;
    }
    .trial-btn {
    margin-top: 10px;   
    }
    .trial-btn div{
    margin-left: 0!important;
    margin-right: 0 !important;
    }
    .table .thead-light th {
    text-align: right;
    }
    li.packageTab{
    width: 20%;
    padding-bottom: 0;
    border-bottom: 0px solid rgba(255,255,255,0.3);
    padding-right: 0px;
    }
    .nav-link .package-option {
    font-size: 15px;
    }
    .card-faq{
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.17);
}
    .header-faq{  
    padding: .20rem 0rem;
    }
    .headng-FAQ{
    width: auto;
     max-width: 100%;
    }
    .myaccordion {
    margin: 40px -35px;
    }
    .myaccordion .btn {
   text-align: right;
    white-space: pre-line;    
    white-space: -moz-pre-line; 
    white-space: -pre-pre-line;     
    white-space: -o-pre-line;      
    word-wrap: break-word; 
    }
    .tab-content>.active {
    display: block;
}     
    .package-detials-icon{
    width: 50% !important;
    }
    /* style for  number phone section in support page */
    .support-map-poistion {
    left: 51%;
    top: 71%;
    }
    /* style for support page */
    .team .team-item figure {
        left: 75%;
        position: relative;
        overflow: visible;
    }
    .team .team-item figure figcaption{
        width: 100vh;
        right: 0
    }
    .main-box-header .box-header {
        width: 108%;
        margin: 13% auto 0px;
    }
    .box21 .box-content i {
        padding: 12px;
    }
    /* style for user guild line page */
    .chart-bar-section{
        display: none
    }
    .main-userGuildline-header .userGuildline-header-icon {
    right: 19px;
    top: 50%;
    }
    .main-userGuildline-header .userGuildline-header{
        padding-top: 0;

    }
    .main-userGuildline-header .userGuildline-header{
        width: 100%;
    }
    .main-userGuildline-header .userGuildline-header-content {

    width: 93%;
   }
    .user-guildLine-text{
    
    margin-right: 0%;
    }
  /* style for 3th party apps details */
  .apps-3th-party-details-point{
      margin-right: 0!important;
  }
  .apps-3th-party-details-btn{
      margin-right: 0.5rem;
  }
}
@media screen and (max-width: 380px) { 
    /* style for navbar in home page */
    .cart-box-show {
        min-width: 19.6rem;
    }
     /* style for create account */
     .validation-account-container {
        padding:15% 4%;
        height: 57.1vh;;
    }
    .startup_content_three {
        margin: 20% auto;
    }
    /* main carousal at the top of  in home apge */
 .startup_banner_area_three, .demo_banner_area {
    min-height: 110vh;
}
.stratup_app_screen .laptop {
    width: 75%;

   }
    .stratup_app_screen {
    top: 0%;
}
    .process-model.more-icon-preocess li {
        width: 16%;
    }
    .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }
    .more-icon-preocess.process-model li p {
        font-size: 8px;
    }
    .more-icon-preocess.process-model li::after {
        top: 18px;
    }
    .process-model.more-icon-preocess {
        text-align: center;
    }
    .help-block.with-errors{
        position: static!important;
  }
/* pricing box in package and price page */   
  .tab-pay a {
    font-size: 14px;
  }
  .tab-pay-header {
    margin-bottom: -1.9rem;
  } 
/* package and price section at home page*/
  .box2{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 7%;
    }
    
/* style all button */
    .around-text-form {
    padding-left: 0px;
    padding-right: 0px;
}
/* support page */
.team .team-item figure figcaption .info {
    text-align: right;
    padding-right: 12px;
    bottom: 56px;
    right: 0px;
}
/* style for  number phone section in support page */
    .phone-number-support{
    
    padding-right: 118px;
    }
    .support-map-poistion {
    left: 53%;
    top: 71%;
    }
    
/* style for user guild line page */
     .box21 .title{
        padding-bottom:10px
    }
    .box-3thparty-content{
        padding: 22px 90px 15px 0px !important;
    }
    .box-3thparty-apps-icon{
        right: 15px!important;    
    }
 }
/* Retina-ize images/icons */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {	
}