@import 'style.css';
@import 'service.css';

@media all and (max-width:600px){
    .dox-header{ padding-top:50px;}
    .socialmedia{display:none;}
    .dox-header span{font-size: 18px; float: right;}
    .dox-header span:hover{ font-size:18px; }
    .dox-header .login{ float:right; margin-right: 20%; }
    .paradox2 h2, .paradox4 h2{ font-size: 56px; }
    .paradox5 h2,.paradox3 h3{ font-size:56px; }
    .what-we-offer{ text-align:center; }
    .myCarousel123 #myCarousel{}
    .col-xs-push-6{left:0;}
    .col-xs-pull-3{right:0;}
    #myModal .modal-header .modal-title{font-size: 18px;}
    .modal.in .modal-dialog{width: 90%;}
  .myCarousel123{background: none;}
  #privacyPolicy .modal-dialog, #termsOfService .modal-dialog{width:90%; margin:auto;height: 90%;margin-top: 5%;}
  .privacyPolicy .privacyPolicyInnerChild, .termsOfService .termsOfServiceInnerChild{padding: 0px 20px;}
  .privacyPolicy p, .termsOfService p{padding:0px; font-size: 14px;}
  h3{padding:10px 0px;}
  .privacyPara h3, .termsOfServicePara h3{font-size:16px;}
  .privacyPolicy .privacyPolicyInnerList li, .termsOfServiceInnerList li,.privacyPolicy .privacyPolicyInnerListNone li{font-size:14px; padding:0px}
  .privacyPolicy h3, .termsOfService h3{margin-bottom: 0px;padding: 0px;font-size: 23px;}
  #privacyPolicy .modal-header{padding: 20px;}
  #privacyPolicy .modal-footer{padding:10px;}
  .termsOfServiceInnerSubList li{font-size:14px;}
  .privacyPara, .termsOfServicePara h3{font-size:16px;}
  }
  
   

@media all and (max-width:550px){
    .dox-header-logo .logo img{width:100px;}
    .dox-header{padding-top:30px;}
    .paradox{font-size:32px;}
    .paradoxsub{padding:0px 20px;}
    .dox-header span{font-size: 14px;}
    .dox-header span:hover{ font-size:14px;}
    .paradox2 h2, .paradox4 h2{font-size: 30px;padding: 30px 0px;margin-bottom: 0px;}
    .paradox5 h2, .paradox3 h3{font-size: 30px;padding: 30px 0px;margin-bottom: 0px;}
    .myCarousel123 #myCarousel{min-height: 1052px;padding-top: 0px; box-shadow:none;}
    .paradox5 .mobile-device{padding-left: 25px;margin-top: 0px;}
    .what-we-offer-row{padding:0px;}
    .what-we-offer span{font-size:30px;}
    .process-box h2{font-size: 30px;}
    .paradox3 .box{ padding-bottom: 0px; box-shadow:none; }
    .process-box{padding-bottom: 30px;}
    .loginpage{padding:0px;}
    .loginpage div{padding: 0px 20px;}
    .paradox5 .mobile1-device{padding-right:0px;/* padding-left: 25px; */margin-top: 0px;}
    #myModal .modal-dialog, #login .modal-dialog{width:90%;  margin:auto;margin-top: 20%;}
    .carousel-inner .col-md-4{padding-bottom: 20px;}
    .paradox4 h3{font-size:30px;}
    .modal-header, .modal-footer{padding:0px;}
    .modal-header, .modal-footer{padding: 20px 20px;}
    .modal-footer{padding: 10px 10px;}
    #myModal input, #requestdemo input, #requestdemo select, #password input,#login input, #requestdemo input, #requestdemo select, #password input{margin-bottom:5px;font-size: 15px;height: 40px;padding: 0px 12px;}
    .form-group{margin-bottom:5px;}
    #login .fa{margin-top: -32px;}
    .paradox4{padding:0px;}
    .slide-pradox4{padding-bottom: 15%;}
    .fa-quote-left{left: -10%; margin-top: 10px;}
    .eminent-para2 .fa-quote-right{right: -8%;}
    .fa-quote-right{
    right: 12%;
    margin-top: -12%;
}

}
@media all and (max-width:450px){
    .dox-header span{float:left;font-size: 14px;}
    .dox-header .login{margin:0px; font-size:16px;}
    .footerlink li a{padding:10px 5px;}
    .eminent-para .para2,.eminent-para .para1{padding: 10px 10px;margin: 0px;}
    #myModal .modal-header .modal-title{font-size: 16px; padding:0px; }
    #myModal .request,#requestdemo .request-submit{padding: 0px 20px;}
    #myModal input, #requestdemo input, #requestdemo select, #password input{}
    #requestdemo #btn-submit{font-size:20px; margin-bottom: 0px;height: 50px;}
    .modal-body h2{font-size:16px;}
    
    #login #btn-login{font-size:16px;}
    .paradox1{padding-top: 50px;}
    .fa-quote-left{left: -12%;margin-top: 10px;}
    .eminent-para2 .fa-quote-right{right: 10%;}
    .fa-quote-right{
    right: 3%;
    margin-top: -11%;
}

}
@media all and (max-width:400px){
    .paradox{font-size: 26px;}
    .paradoxsub{font-size: 20px;}
}
@media all and (max-width:350px){
    .dox-header span{font-size:10px;margin-left: 10px;}
    .dox-header span:hover{font-size:10px;margin-left: 10px;}
    .dox-header .login{font-size: 18px;margin-top: 2px;}
    .paradox2 h2, .paradox4 h2{font-size:30px;}
    .paradox5 h2, .paradox3 h3{font-size:30px;}
    .eminent-para .para2,.eminent-para .para1{padding:10px 10px;}
    .paradox5 .mobile-device, .paradox5 .mobile1-device{margin-top:25px;}
    .paradox5 .mobile-device, .paradox5 .mobile1-device{padding-left:0px;}
}