@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700');
body{background:#fff;color:#666666;font-family:"Open Sans", sans-serif; font-size: 14px;}
a{color:#1c2b4c;transition:0.5s;}
a:hover, a:active, a:focus{color:#1c2b4c;outline:none;text-decoration:none;}
p{padding:0;margin:0 0 30px 0;}
h1, h2, h3, h4, h5, h6{font-weight:400;margin:0 0 20px 0;padding:0;}
.img-responsive{max-width:100%;height:auto;}
.back-to-top{position:fixed;display:none;background:#ffb500;color:#fff;display:inline-block;width:44px;height:44px;text-align:center;line-height:1;font-size:16px;border-radius:50%;right:15px;bottom:15px;transition:background 0.5s;z-index:9999;}
.back-to-top i{padding-top:12px;color:#fff;}
@media only screen and (max-width:768px){.back-to-top{bottom:15px;}
}
/* a.btns{color:#fff !important; background:none; text-decoration:none;-webkit-transition:0.3s all ease;transition:0.3s ease all;}
a.btns:hover{color:#FFF !important; background:#112b44;}
 a.btns:focus{color:#FFF !important;}
.btns{display:inline-block;text-align:center;font-weight:bold;padding:14px 0px;border:2px solid #ff0000;border-radius:4px;position:relative;}
.btns:before{-webkit-transition:0.5s all ease;transition:0.5s all ease;position:absolute;top:0;left:50%;right:50%;bottom:0;opacity:0;content:'';background-color:#ff0000;z-index:-2;}
.btns:hover:before{-webkit-transition:0.5s all ease;transition:0.5s all ease;left:0;right:0;opacity:1;}
.btns:focus:before{transition:0.5s all ease;left:0;right:0;opacity:1;}
a.login{background:none;border:2px solid #ffb500;border-radius:4px; margin-bottom: 5px;} */

#header{padding:15px;height:64px;position:fixed;left:0;top:0;right:0;transition:all 0.5s;z-index:997;}
#header.header-scrolled{background:#1c2b4c;padding:15px;height:64px;transition:all 0.5s;}
#header #logo{float:left;}

#header #logo h1{font-size:34px;margin:0;padding:0;line-height:1;font-weight:700;letter-spacing:3px;}
#header #logo h1 a, #header #logo h1 a:hover{color:#fff;padding-left:10px;border-left:4px solid #ffb500;}
#header #logo img{padding:0;margin:0;}
@media only screen and (max-width:768px){#header #logo h1{font-size:28px;}
 #header #logo img{max-height:40px;}
}
#intro{display:table;width:100%;height:100vh;background:#000;}
#intro .carousel-item{width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;}
#intro .carousel-item::before{content:'';background-color:rgba(0, 0, 0, 0.7);position:absolute;height:100%;width:100%;top:0;right:0;left:0;bottom:0;}
#intro .carousel-container{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;top:0;left:0;right:0;}
#intro .carousel-content{text-align:center;}
#intro h2{color:#fff;margin-bottom:30px;font-size:48px;font-weight:700;}
@media only screen and (max-width:768px){#intro h2{font-size:28px;}
}
#intro p{width:80%;margin:0 auto 30px auto;color:#fff;}
@media only screen and (min-width:1024px){#intro p{width:60%;}
}
#intro .carousel-fade .carousel-inner .carousel-item{-webkit-transition-property:opacity;transition-property:opacity;}
#intro .carousel-fade .carousel-inner .carousel-item,#intro .carousel-fade .carousel-inner .active.carousel-item-left,#intro .carousel-fade .carousel-inner .active.carousel-item-right{opacity:0;}
#intro .carousel-fade .carousel-inner .active,#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right{opacity:1;transition:0.5s;}
#intro .carousel-fade .carousel-inner .carousel-item-next,#intro .carousel-fade .carousel-inner .carousel-item-prev,#intro .carousel-fade .carousel-inner .active.carousel-item-left,#intro .carousel-fade .carousel-inner .active.carousel-item-right{left:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
#intro .carousel-control-prev, #intro .carousel-control-next{width:10%;}
@media only screen and (min-width:1024px){#intro .carousel-control-prev, #intro .carousel-control-next{width:5%;}
}
#intro .carousel-control-next-icon, #intro .carousel-control-prev-icon{background:none;font-size:32px;line-height:1;}
#intro .carousel-indicators li{cursor:pointer;}
#intro .btn-get-started{font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:8px 32px;border-radius:50px;transition:0.5s;margin:10px;color:#fff;background:#ffb500;}
#intro .btn-get-started:hover{background:#fff;color:#ffb500;}
.nav-menu, .nav-menu *{margin:0;padding:0;list-style:none;}
.nav-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99;}
.nav-menu li{position:relative;white-space:nowrap;}
.nav-menu > li{float:left;}
.nav-menu li:hover > ul,.nav-menu li.sfHover > ul{display:block;}
.nav-menu ul ul{top:0;left:100%;}
.nav-menu ul li{min-width:180px;}
.sf-arrows .sf-with-ul{padding-right:30px;}
.sf-arrows .sf-with-ul:after{content:"\f107";position:absolute;right:15px;font-family:FontAwesome;font-style:normal;font-weight:normal;}
.sf-arrows ul .sf-with-ul:after{content:"\f105";}
#nav-menu-container{float:right;margin:0;}
@media only screen and (min-width:1024px){#nav-menu-container{padding-right:10px; }
    
}
@media only screen and (max-width:1024px){#nav-menu-container{display:none;}
    
}
@media only screen and (max-width:768px){#nav-menu-container{display:none;}
}
.nav-menu a{padding:8px;text-decoration:none;display:inline-block;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.75);font-weight:700;font-size:13px;text-transform:uppercase;outline:none;}
.nav-menu li:hover > a, .nav-menu > .menu-active > a{color:#f0b83c;}
.nav-menu > li{margin-left:10px;}
.nav-menu ul{margin:4px 0 0 0;padding:10px;box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);background:#fff;}
.nav-menu ul li{transition:0.3s;}
.nav-menu ul li a{padding:10px;color:#333;transition:0.3s;display:block;font-size:13px;text-transform:none;}
.nav-menu ul li:hover > a{color:#ffb500;}
.nav-menu ul ul{margin:0;}
.nav-menu li.Request{border:2px solid #ff0000;border-radius:4px;transition:all 0.4s ease 0s;}
.nav-menu li.Request a{color:#ff0000;transition:all 0.4s ease 0s;}
.nav-menu li.Request:hover{background:#ff0000;transition:all 0.4s ease 0s;}
.nav-menu li.Request a:hover{color:#fff;transition:all 0.4s ease 0s;}

 .navright ul { float: right; padding: 0px; margin: 0px;}
.navright ul li{ list-style-type: none; display: inline-block; padding:4px 8px; margin:0px 4px;}
.navright ul li.login{ border:2px solid #ffb500;  border-radius:4px;}
.navright ul li a{color:#fff; font-weight: 700;font-size: 13px;text-transform: uppercase; outline: none; text-shadow: 0 2px 5px rgba(0,0,0,.75);}
.navright ul li.Signup{display:inline-block;text-align:center; border:2px solid #ff0000;background:#ff0000; border-radius:4px;position:relative;} 
.navright ul li.Signup a{text-shadow:none;}

#mobile-nav-toggle{position:fixed;right:0;top:-2px;z-index:999;margin:5px 10px 0 0;border:0;background:none;font-size:24px;display:none;transition:all 0.4s;outline:none;cursor:pointer;color:#fff;}
@media only screen and (max-width:768px){#mobile-nav-toggle{display:inline;}
}
@media only screen and (max-width:1024px){#mobile-nav-toggle{display:inline;}
}
#mobile-nav{position:fixed;top:0;padding-top:18px;bottom:0;z-index:998;background:rgba(0, 0, 0, 0.8);left:-260px;width:260px;overflow-y:auto;transition:0.4s;}
#mobile-nav ul{padding:0;margin:0;list-style:none;}
#mobile-nav ul li{position:relative;}
#mobile-nav ul li a{color:#fff;font-size:13px;text-transform:uppercase;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:none;font-weight:700;}
#mobile-nav ul li a:hover{color:#fff;}
#mobile-nav ul li li{padding-left:30px;}
#mobile-nav ul .menu-has-children i{position:absolute;right:0;z-index:99;padding:15px;cursor:pointer;color:#fff;}
#mobile-nav ul .menu-has-children i.fa-chevron-up{color:#ffb500;}
#mobile-nav ul .menu-has-children li a{text-transform:none;}
#mobile-nav ul .menu-item-active{color:#ffb500;}
#mobile-body-overly{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(0, 0, 0, 0.7);display:none;}
body.mobile-nav-active{overflow:hidden;}
body.mobile-nav-active #mobile-nav{left:0;}
body.mobile-nav-active #mobile-nav-toggle{color:#fff;}
.section-header h3{font-size:32px;color:#1c2b4c;text-transform:uppercase;text-align:center;font-weight:500;position:relative;padding-bottom:15px;}
.section-header h3::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px);}
.section-header h3::after{content:'';position:absolute;display:block;width:40px;height:3px;background:#ffb500;bottom:0;left:calc(50% - 20px);}
.section-header p{text-align:center;padding-bottom:30px;color:#333;}
.section-bg{background:#f7f7f7;}
.section-header h5{text-align:center;padding-bottom:30px;color:#333;}
#Featured{padding:60px 0 40px 0;position:relative;}
#Featured .container{position:relative;z-index:10;}
.Featured{margin-bottom:60px;}
.Featured-box{margin-bottom:20px;}
.box-content h5{color:#29395d;margin:0px;padding:0px;font-size:15px;font-weight:600 }
.box-content p{font-size:13px;padding-top:5px;}
.box-icon span img{margin-top:15px;}
.Featured-left .box-icon span{display:block;width:72px;height:72px;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.13);box-shadow:0 0 10px rgba(0, 0, 0, 0.13);margin-left:20px;text-align:center;}
.Featured-right .box-icon span{display:block;width:72px;height:72px;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.13);box-shadow:0 0 10px rgba(0, 0, 0, 0.13);margin-right:20px;text-align:center;}
.screen{height:450px;position:absolute;margin:auto;width:273px;left:23px;right:0;z-index:999;top:55px;}
/*.cards img{max-width:350px;}*/

.moobile{position:relative;}
#services{background:url("../../images/service_bg.jpg") center top no-repeat fixed;background-size:cover;padding:60px 0 80px 0;position:relative;margin-top:-160px;color:#fff;}
#services::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(10, 21, 45, 0.70);z-index:9;}
#services .container{position:relative;z-index:10;}
.services-title h3{padding-top:100px;color:#fff;}
.services-title p{color:#fff;}
#services .box{margin-bottom:30px;}
#services .icon{text-align:center;}
#services .title{margin:10px 0px; background:none; border:none; line-height: 24px; font-weight:700;margin-bottom:15px;font-size:16px;text-align:center;}
#services .title a{color:#fff;}
#services .description{font-size:14px;margin:0px;line-height:24px;text-align:center;}
#screens{background:url("../../images/screens-bg.png") #f2f2f2 bottom left repeat-x;padding:60px 0 50px 0; position:relative;height:750px;overflow:hidden;}
#screens::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:9;}
#screens .container{position:relative;z-index:10;}
#screens .large_screen{text-align:center;position:relative;left:24%;}
.laptop_screen{position:absolute;right:8%;top:52%;}
.ipad_screen{position:absolute;left:20%;top:50%;}
.iphone_screen{position:absolute;left:18%;top:70%;}
#testimonials{padding:80px 0;}
#testimonials .section-header{margin-bottom:40px;}
#testimonials .testimonial-item{text-align:center;}
#testimonials .testimonial-item .testimonial-img{width:120px;height:120px;border-radius:50%;border:4px solid #fff;margin:0 auto;}
#testimonials .testimonial-item h3{font-size:20px;font-weight:bold;margin:10px 0 5px 0;color:#1c2b4c;}
#testimonials .testimonial-item h4{font-size:14px;color:#1c2b4c;margin:0 0 15px 0;}
#testimonials .testimonial-item .quote-sign-left{margin-top:-15px;padding-right:10px;display:inline-block;width:37px;}
#testimonials .testimonial-item .quote-sign-right{margin-bottom:-15px;padding-left:10px;display:inline-block;max-width:100%;width:37px;}
#testimonials .testimonial-item p{font-style:italic;margin:0 auto 15px auto;}
@media only screen and (min-width:992px){#testimonials .testimonial-item p{width:80%;}
}
#testimonials .owl-nav, #testimonials .owl-dots{margin-top:5px;text-align:center;}
#testimonials .owl-dot{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:50%;background-color:#ddd;}
#testimonials .owl-dot.active{background-color:#ffb500;}
#footer{background:url("../../images/footer-bg.jpg") center right no-repeat fixed;padding:20px 0 20px 0;position:relative;color:#fff;}
#footer::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(9, 18, 39, 0.9);}
.footer-top{padding:60px 0 20px 0;color:#fff;z-index:99;position:relative;}
.footer-top .footer-info{margin-bottom:30px;}
 .footer-top .footer-info h3{font-size:34px;margin:0 0 20px 0;padding:2px 0 2px 10px;line-height:1;font-weight:700;letter-spacing:3px;border-left:4px solid #ffb500;}
.footer-top .footer-info p{font-size:14px;line-height:24px;margin-bottom:0;color:#eee; }
.social-links{ margin:20px 0px 0px 10px;}
.social-links h5{ font-size: 16px; margin: 0px; padding: 10px 0px;}
 .footer-top .social-links a{font-size:18px;display:inline-block;line-height:1;padding:8px 0;margin-right:10px;border-radius:50%;text-align:center;width:36px;height:36px;transition:0.3s;color:#fff;border:1px solid #fff;}
.footer-top .social-links a:hover{background:#ffb500;color:#fff;}
 .footer-top h4{font-size:14px;font-weight:bold;color:#fff;text-transform:uppercase;position:relative;padding-bottom:12px;}
 .footer-top h4::before, .footer-top h4::after{content:'';position:absolute;left:0;bottom:0;height:2px;}
.footer-top h4::before{right:0;background:#555;}
 .footer-top h4::after{background:#ffb500;width:60px;}
.padding{ padding: 10px 40px;}
.footer-top .footer-links{margin-bottom:30px;  }
.footer-top .footer-links ul{list-style:none;padding:0;margin:0;}
.footer-top .footer-links ul i{padding-right:8px;color:#ddd;}
.footer-top .footer-links ul li{border-bottom:1px solid #333;padding:10px 0;}
.footer-top .footer-links ul li:first-child{padding-top:0;}
.footer-top .footer-links ul a{color:#eee;}
.footer-top .footer-links ul a:hover{color:#fff;}
.footer-top .footer-contact{margin-bottom:30px;}
.footer-top .footer-contact p{line-height:26px; margin: 0px 0px 10px 0px;}
.footer-contact i{ font-size: 20px;}
.copyright{text-align:center;padding-top:30px;}
.credits{text-align:center;font-size:13px;color:#ddd;}
.credits a{color:#ddd;}
.about-top{background:url("../../images/about-bg.jpg") center top no-repeat fixed;background-size:cover;padding:10em 0 8em 0;position:relative;color:#fff;}
.about-top .container{position:relative;z-index:10;}
.about_content{text-align:center;padding:20px;}
.about_content h4{font-size:36px;font-weight:700;margin:0px;padding-bottom:5px;}
#about_content{padding:90px 0 80px 0;position:relative;}
 .section-about h3{font-size:24px;color:#1c2b4c;text-transform:uppercase;text-align:center;font-weight:500;position:relative;padding-bottom:15px;}

.support{text-align:center;}
.support i{font-size:40px;text-align:center;color:#ffb500 }
.support h4{font-size:20px;text-align:center;color:#1f3c5c;font-weight:600;margin:0px;padding:10px 0px 10px 0px;}
.support h5{font-size:14px;text-align:center;color:#1f3c5c;font-weight:600;margin:0px;padding:0px;}
.signup-box {  overflow: hidden; background:url("../images/signupbg.jpg") top; text-align: center; padding:80px 20px 60px 20px;}
.signup-box h4 { overflow: hidden;  font-size: 24px; color: #fff;  margin: 0px; padding: 0px; }
.signup-box h1 { overflow: hidden; font-size: 48px; color: #fff; font-weight: 600;  }
.signup-box h1 span{ font-size: 24px;}

.section-signup{ margin: 0px; padding: 0px;}
.starting{ border: 2px solid #0d2f5c; margin-bottom: 30px;}
.signup-box2{ background: #f2f2f2; margin: 0px; padding: 40px 40px;}
.signup-box2 p{ margin: 20px 0px 0px 0px; padding: 0px;     color: #183765;}
.signup-boxlist ul{ list-style-type: none; margin: 0px; padding:0px;}
.signup-boxlist ul li{ list-style-type: none; margin: 0px;    color: #183765; padding: 10px 5px;}
.signup-boxlist i{ font-size: 13px; color: #007bff;}
/* .form-control{ font-size: 0.9rem} */
.animateFirst, .animateSecond, .animateThird, .animateFourth {	opacity: 1;}
img.appstore{ width: 180px; height: 70px;}
#connectWithUsForm .form-control{ font-size: 14px;background:#fff; padding:8px;   height:40px;}
 #connectWithUsForm .btn{ font-size: 14px;}
#connectWithUsForm .form-group{ margin-bottom:15px; margin-top:5px;}
#connectWithUsForm textarea{height:80px !important;}
.fade{ opacity:1 ;}


.CaptchaWrap { position: relative; background:#eee;  border-radius: .25rem;    margin-bottom: 5px;  }
.CaptchaTxtField {   display: block;    box-sizing: border-box;}        
#CaptchaImageCode {   text-align:center;  margin-top: 0px;  padding: 0px 0; border-radius: .25rem;  width: 300px;  overflow: hidden;}
.capcode {font-size: 40px; display: block; -moz-user-select: none; -webkit-user-select: none;  user-select: none; 
  cursor: default; letter-spacing: 1px; color: #000; font-weight: 100;  font-style: italic;}
.ReloadBtn { background:url('../images/update-64.png') left top no-repeat; background-size : 100%;  width:28px;   height:28px;  border: 0px; outline: none;  position: absolute;   bottom:6px;  right:5px;  outline: none;  cursor: pointer; }  .error { color: red; font-size: 12px; display: none; }
.success {color: green; font-size: 14px; margin-bottom: 15px; display: none;}  
.resendOtp{ cursor: pointer;}
.modal-header-bg{margin: 0; text-align: center;text-transform: uppercase;font-weight: 600;letter-spacing: 1px; border-radius: 5px 5px 0px 0px; margin-top: -2px; font-size: 18px; background: #fff ;   color:#11192b; padding: 12px;}
.modal-header-bg h5{ text-transform: uppercase;font-weight: 600; font-size: 16px;}
.mainform label{ font-weight: 600; font-size: 11px; color: #11192b; }
.logins { padding:10px 5px; text-align: left;  }
.logins a{  font-weight: 600; font-size: 13px;   color: #11192b;}
.logins p { margin: 0px; padding: 0px; text-align: center; color: #333;}
.otp{ text-align: center; font-weight: 600; font-size: 13px;   color: #11192b; margin: 5px 0px;}
.checkboxer a{  font-weight: 600; font-size: 11px;   color: #11192b;}
.register { padding: 8px 5px; text-align: right; color: #333;}
.register a{  font-weight: 600; font-size: 13px;   color: #11192b;}

.checkboxer {display: block; position: relative;padding-left: 30px; line-height: 20px; margin:5px 0px 20px 0px;  cursor: pointer; font-size: 10px !important; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.checkboxer input { position: absolute; opacity: 0; cursor: pointer;}
.checkmark {position: absolute; border-radius: .25rem; top: 0; left: 0; height: 20px;  width: 20px; border: 1px solid #ccc;}
.checkboxer:hover input ~ .checkmark { background-color: #ccc;}
.checkboxer input:checked ~ .checkmark { background-color: #29395d;}
.checkmark:after { content: ""; position: absolute; display: none;}
.checkboxer input:checked ~ .checkmark:after { display: block;}
.checkboxer .checkmark:after {left: 6px; top: 3px; width: 6px; height: 10px;border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.btn-size{ font-weight: 600 !important; color: #fff; font-size: 18px;}




















@media only screen and (min-width:320px) and (max-width:480px){
    #header{  padding: 5px 0px;     height: 46px;}
    #header.header-scrolled { padding: 5px 0px; height: 46px;  }
    
    #services{margin:0px;}
.services-title h3{padding-top:0px;}
/*.cards{ display: none;} */   
.screen{height: 378px; width: 237px; left: -7px;}
.moobile{max-width:300px;}
.section-header h3{ font-size: 24px;}  
 #screens .large_screen {  text-align: center; position: relative; left: 5%; width: 80%}
 .laptop_screen {position: absolute; right: -5%; top: 75%;  width: 60%}   
 .ipad_screen {position: absolute; left: 2%; top: 68%;  width: 40%}   
.iphone_screen {position: absolute; left: 3%;  top: 85%;  width: 20%}    
  img.appstore{ width: 110px; height: 50px}  
  .padding{padding:0px  15px;}
  #screens {   height: 660px;}
 #header #logo img{ width: 150px; margin-top: 5px; }
    
.navright ul { float: right; padding: 0px; margin: 5px 28px 0px 0px; line-height: 20px;}
.navright ul li{ list-style-type: none; display: inline-block; padding:0px 4px; margin:0px;}
.navright ul li.login{ border:2px solid #ffb500;  border-radius:4px; }
.navright ul li a { color: #fff; font-weight: 700; font-size: 10px;}

.logins, .register{ text-align: center;}
    
 }

@media only screen and (min-width:481px) and (max-width:767px){
     #header{  padding: 8px 0px;     height: 52px;}
    #header.header-scrolled { padding: 8px 0px; height: 52px;  }    
    #services{margin:0px;}
 .services-title h3{padding-top:0px;}
 .screen{height: 258px; width: 164px;top: 47px;  left: 14px;}
 .section-header h3{ font-size: 24px;}   
 #screens .large_screen {  text-align: center; position: relative; left: 9%; width: 80%;}
 .laptop_screen {position: absolute; right: -5%; top: 65%; width: 60%;}   
 .ipad_screen {position: absolute; left: 5%; top: 64%; width: 40%;}   
.iphone_screen {position: absolute; left: 3%;  top: 85%; width: 20%;}    
  img.appstore{ width: 140px; height: 56px}
  .padding{padding:0px  15px;}
  .footer-top{ padding: 30px 0 20px 0}
      #screens {   height: 750px;}  
    
    .navright ul { float: right; padding: 0px; margin: 5px 28px 0px 0px; line-height: 20px;}
.navright ul li{ list-style-type: none; display: inline-block; padding:0px 4px; margin:0px;}
.navright ul li.login{ border:2px solid #ffb500;  border-radius:4px; }
.navright ul li a { color: #fff; font-weight: 700; font-size: 10px;}
    
 }


@media only screen and (min-width:768px) and (max-width:1024px){
       #header{  padding: 8px 0px;     height: 52px;}
    #header.header-scrolled { padding: 8px 0px; height: 52px;  }
    
    #services{margin:0px;}
 .services-title h3{padding-top:0px;}
 .screen{height: 354px; width: 226px; top: 62px; left: 20px;}
 .section-header h3{ font-size: 24px;}   
 #screens .large_screen {  text-align: center; position: relative; left: 14%; width: 60%;}
 .laptop_screen {position: absolute; right: 5%; top: 65%; width: 40%;}   
 .ipad_screen {position: absolute; left: 5%; top: 64%; width: 20%;}   
.iphone_screen {position: absolute; left: 3%;  top: 75%; width:10%;}    
   img.appstore{ width: 160px; height: 60px}
     .padding{padding:0px  15px;}
    #screens {   height: 620px;}
    
    .navright ul { float: right; padding: 0px; margin: 2px 28px 0px 0px; line-height: 20px;}
.navright ul li{ list-style-type: none; display: inline-block; padding:4px 8px; margin:0px 4px;}
.navright ul li.login{ border:2px solid #ffb500;  border-radius:4px; }
.navright ul li a { color: #fff; font-weight: 700; font-size: 13px;}
#mobile-nav-toggle{top: 2px;}
    
    
 }
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
	
	 #screens {   height: 750px;}
	
	
}