/* lg */ 
.jscroll-added { -webkit-animation: fadeInUp 1000ms; animation: fadeInUp 1000ms; }
#page-content .specification-panel .specification-content { margin-left: 2%; margin-right: 0px; }
ul.signup-form li input.form-control { color: #676767; }

@media (max-width: 1270px) {
/* Make Navigation Toggle on Desktop Hover */
.navbar-inverse .navbar-nav > li > a { padding-left: 20px; padding-right: 20px; }
}

/* md */
@media (max-width: 1150px) {
.navbar-inverse .navbar-nav > li > a { font-size: 16px; padding-left: 15px; padding-right: 15px; }
.search-box { width: 42%; }
#hero-panel h1, .signup-form-box h3 { font-size: 32px; }
#sign-up-form h2 { font-size: 34px; }
#sign-up-form p { font-size: 18px; }
#page-content h2, #we-are-here h2 { font-size: 28px; }
#we-are-here .we-are-panel .we-are-content h3 { font-size: 23px; }
#we-are-here .we-are-panel .we-are-content p { font-size: 18px; line-height: 27px; }
#call-to-action h5 { font-size: 28px; }
}

/* sm */
@media (max-width: 1075px) {
.navbar-brand > img { width: 90%; height: auto; display: block; }
.navbar-inverse .navbar-nav > li > a { padding-left: 9px; padding-right: 9px; }
.navbar-inverse .navbar-nav > li.login-btn.free-trial-btn a { margin-left: 10px; }
.testimonial-panel ul li:first-child { right: 245px; }
.testimonial-panel ul li:nth-child(4) { left: 210px; top: 163px; }
.navbar-inverse .navbar-brand { padding-left: 0px; }
.testimonial-panel h6 { font-size: 28px; }
.testimonial-panel ul li:nth-child(3) { top: 253px; }
.navbar-collapse { padding-right: 0px; }
#header .navbar-header, .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0px; }
}

@media (max-width: 1000px) {
.container { width: 100% }
.navbar-inverse .navbar-nav > li > a { font-size: 15px; padding-left: 9px; padding-right: 9px; }
.search-box { width: 50%; }
#hero-panel h1, .signup-form-box h3 { font-size: 29px; }
#we-are-here p { font-size: 18px; }
#we-are-here .we-are-panel .we-are-content p { font-size: 17px; line-height: 25px; }
.testimonial-panel { width: 226px; height: 226px; background-size: 100% 100%; }
.testimonial-panel h6 { font-size: 21px; line-height: 28px; }
.testimonial-panel ul li:first-child { right: 185px; top: 17px; }
.testimonial-panel ul li:nth-child(3) { right: 124px; top: 180px; }
.testimonial-panel ul li:nth-child(4) { left: 160px; top: 143px; }
#footer .footer-links h4 { font-size: 15px; }
#we-are-here .we-are-panel .we-are-content h3 { font-size: 20px; }
}

@media (max-width: 950px) {
.navbar-inverse .navbar-nav > li > a { font-size: 14px; padding-left: 10px; padding-right: 10px; }
.search-box { width: 49%; }
#sign-up-form h2 { font-size: 30px; }
.signup-form-box ul li input.form-control { font-size: 18px; }
.testimonial-panel ul li:first-child { right: 170px; top: -1px; }
#hero-panel h1, .signup-form-box h3 { font-size: 26px; }
.navbar-brand > img { width: 100%; }
.navbar-brand { padding-left: 0px; }
#page-content .specification-panel .specification-content { width: 79%; }
#page-content .specification-panel .specification-icon { width: 15.5%; }
#page-content .specification-panel .specification-content h3, #we-are-here h3 { font-size: 17px; }
.testimonial-panel h6 { width: 52%; font-size: 20px; line-height: 25px; }
ul.signup-form, .signup-button { padding-left: 0px; padding-right: 0px; }
}

@media (max-width: 936px) {
.testimonial-panel { width: 100%; height: 100%; background: none; margin-top: 0px; }
.testimonial-panel ul li, .testimonial-panel ul li:first-child, .testimonial-panel ul li:nth-child(2), .testimonial-panel ul li:nth-child(3), .testimonial-panel ul li:nth-child(4) { position: relative; left: auto; right: auto; width: 46%; display: inline-block; top: auto; margin-bottom: 25px; }
.testimonial-panel ul li:first-child, .testimonial-panel ul li:nth-child(3) { margin-right: 2.5%; }
.testimonial-panel ul li:nth-child(2), .testimonial-panel ul li:nth-child(4) { margin-left: 2.5%; }
.testimonial-panel ul li .testimonial-content { width: 62%; }
.testimonial-panel h6 { position: relative; width: 100%; font-size: 24px; margin-bottom: 40px; }
#testimonials { padding-bottom: 96px; }
.navbar-header { width: 25%; }
#header .navbar-header { margin-top: 36px; }
}

@media (max-width: 850px) {
.navbar-brand { width: 100%; display: inline-block; }
.navbar-collapse.collapse { padding-right: 0px; padding-left: 0px; }
.navbar-inverse .navbar-nav > li.login-btn a, .navbar-inverse .navbar-nav > li.login-btn.free-trial-btn a { padding-left: 20px; padding-right: 20px; }
.testimonial-panel ul li .testimonial-content { width: 58% }
#footer .footer-links h4 { font-size: 14px; }
.search-box { width: 60%; }
.navbar-inverse .navbar-nav > li > a { font-size: 13px; padding-left: 8px; padding-right: 8px; }
#footer .footer-links .social-links li a span { margin-right: 2px; }
#hero-panel p { font-size: 17px; line-height: 26px; }
#page-content h2, #we-are-here h2 { font-size: 24px; }
#sign-up-form h2 { padding-right: 0px; }
.signup-form-box { padding-left: 15px; padding-right: 15px; }
#footer .footer-links h4 { font-size: 13px; }
}

@media (max-width: 780px) {
.navbar-inverse .navbar-nav > li.login-btn.free-trial-btn a { margin-left: 5px; }
#footer { font-size: 13px; }
.we-are-panel { min-height: 244px; }
}

/* xs */
@media (max-width: 768px) {
.testimonial-panel ul li .testimonial-content { width: 55%; }
}

@media (max-width: 767px) {
.navbar-brand { width: 40%; }
.navbar-toggle { background: #ee6c32; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: #24426c; }
#header .navbar-header { margin-left: 0px; margin-right: 0px; margin-bottom: 10px; margin-top: 15px; width: 100%; }
.navbar-toggle { margin-right: 0px; margin-top: 4px; }
.search-box { width: 70%; }
.signup-form-box { margin-top: 35px; }
.signup-form-box { padding-left: 24px; padding-right: 24px; }
div.cs-skin-border { max-width: 100%; }
.we-are-panel { min-height: 40px; }
.testimonial-panel ul li, .testimonial-panel ul li:first-child, .testimonial-panel ul li:nth-child(2), .testimonial-panel ul li:nth-child(3), .testimonial-panel ul li:nth-child(4) { margin: 0px 0px 25px 0px; width: 100%; }
.testimonial-panel ul li .testimonial-content { width: 72%; }
#testimonials { padding-bottom: 46px; }
#footer .footer-links h4 { font-size: 15px; }
#footer .footer-links ul { text-align: center; width: 100%; }
#footer .footer-links { border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; }
#footer .footer-links ul li { display: inline-block; padding: 5px 15px; margin-bottom: 10px; }
#footer .footer-links .social-links li a span { margin-right: 10px; }
#footer { font-size: 14px; }
#footer .footer-links h4 { text-align: center; }
#footer .footer-links input { }
#footer .offsetLf20 { margin-left: 0px; padding-right: 22px; }
#footer .offsetLf20 input.btn { margin-bottom: 20px; }
#footer .footer-links p { text-align: center; }
.navbar-inverse .navbar-nav > li > a { margin: 0px; padding: 15px; }
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-left: 0px; margin-right: 0px; }
.navbar-nav { margin: 0px; }
.navbar-inverse .navbar-nav > li { width: 100%; }
.navbar-inverse .navbar-nav > li span, .navbar-inverse .navbar-nav > li:hover span { display: none; }
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li:first-child > a, .navbar-inverse .navbar-nav > li.active > a { border: 0px; background: #253D61; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li:first-child > a:hover, .navbar-inverse .navbar-nav > li.active > a:hover { background: #EE6C32; }
.navbar-inverse .navbar-nav > li.login-btn a, .navbar-inverse .navbar-nav > li.free-trial-btn a { margin: 20px 0px 0px 0px; text-align: center; }
.navbar-inverse .navbar-nav > li.login-btn.free-trial-btn a { margin-left: 0px; }
.form-tootltip { position: relative; margin-bottom: 15px; width: 100%; right: auto; }
.form-tootltip span { left: 10px; bottom: -13px; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); }
.label-text { display: block; }
.navbar-inverse .navbar-collapse { padding-bottom: 20px; }
}

@media (max-width: 610px) {
.search-box { width: 90%; }
.testimonial-panel ul li .testimonial-content { width: 64%; }
.testimonial-panel ul li .testimonial-quote { width: 28%; }
.testimonial-panel ul li .testimonial-quote img.profile { width: 100%; height: auto; display: block; }
#sign-up-form p { padding-right: 0px; }
}

@media (max-width: 540px) {
#header .navbar-header, .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-top: 8px; }
#inner-page-content h2 { font-size: 26px; }
}

@media (max-width: 480px) {
.search-box { width: 100%; }
.navbar-brand { width: 50%; }
}

@media (max-width: 435px) {
#page-content .specification-panel .specification-icon { width: 18.90%; }
#page-content .specification-panel .specification-content { width: 74%; text-align: left; }
#page-content .specification-panel .specification-content p, #inner-page-content .specification-panel .specification-content p { text-align: left; }
.search-box .search-box-panel input.btn.btn-primary { width: auto; padding-left: 25px; padding-right: 25px; }
.select-domain { display: table-cell; }
.search-box .search-box-panel input { width: 67%; }
#page-content .specification-panel .specification-icon span, #inner-page-content .specification-panel .specification-icon span { margin-left: auto; margin-right: auto; }
#page-content .specification-panel .specification-icon, #inner-page-content .specification-panel .specification-icon { width: 100%; margin-bottom: 25px; }
#page-content .specification-panel .specification-content, #inner-page-content .specification-panel .specification-content { width: 100%; text-align: center; margin-left:0px; margin-right:0px;}
#page-content .specification-panel .specification-content p, #inner-page-content .specification-panel .specification-content p { text-align: center; }
#sign-up-form h2 { font-size: 28px; }
.testimonial-panel ul li .testimonial-quote img.profile { width: 30%; margin: 0 auto; }
.testimonial-panel ul li .testimonial-content, .testimonial-panel ul li .testimonial-quote { margin: 0px; width: 100%; text-align: center; }
.testimonial-panel ul li .testimonial-quote .quote { left: 65%; }
.testimonial-panel ul li, .testimonial-panel ul li:first-child, .testimonial-panel ul li:nth-child(2), .testimonial-panel ul li:nth-child(3), .testimonial-panel ul li:nth-child(4) { border-bottom: 1px solid #C5C5C5; padding-bottom: 25px; margin-bottom: 25px; }
.testimonial-panel ul li:nth-child(2) .testimonial-quote .quote, .testimonial-panel ul li:nth-child(4) .testimonial-quote .quote { right: 65%; top: auto; }
.testimonial-panel ul li .testimonial-content p { margin-bottom: 0px; }
.search-box .search-box-panel input { font-size: 13px; width: 190px; }
.search-box .search-box-panel, .search-box { width: 290px; }
.select-domain { width: 60px; }
.select-domain .cs-select > span::after { width: 25px; }
.select-domain .cs-skin-border > span { font-size: 13px; }
.search-box .search-box-panel input.btn.btn-primary { padding-left: 0px; padding-right: 0px; width: 40px; }
}

@media (max-width: 380px) {
.navbar-brand { width: 60%; }
#hero-panel h1, .signup-form-box h3 { font-size: 24px; }
.signup-form-box ul li input.form-control { font-size: 15px; padding-left: 25px; }
div.cs-skin-border { font-size: 15px; }
.cs-select span { padding-top: 18px; padding-bottom: 18px; }
}

@media (max-width: 320px) {
.search-box .search-box-panel input { width: 180px; padding-left: 8px; padding-right: 8px; }
.select-domain { width: 55px; }
.search-box .search-box-panel input.btn.btn-primary { width: 45px; }
.select-domain .cs-skin-border > span { padding-left: 4px; }
.search-box .search-box-panel, .search-box { width: 280px; }
}