/*
Resibots styles
Date: 2016-05-02
---------------------------------------------------------------------------------------------------- */

/* Reduce HTTP request */
@import url('../css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300|Roboto:700');

/*-----------------------------------------------------------------------------------*/
/*  Global
/*-----------------------------------------------------------------------------------*/
body {  font-weight: 400; color: #fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
a {color: #e9c453; outline: 0!important; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
a:hover, a:active { color: #fff; text-decoration: none; }
input:focus, textarea:focus {outline: none;}
p { margin-bottom: 1.20em; line-height: 1.6; }
strong { font-weight: 700; }


/*-----------------------------------------------------------------------------------*/
/*  Typography
/*-----------------------------------------------------------------------------------*/
body { font-family: "Open Sans", sans-serif;  }
h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: normal; letter-spacing: 1px; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }



/*-----------------------------------------------------------------------------------*/
/*  Layouts
/*-----------------------------------------------------------------------------------*/
#fullpage { background: #0c355d; }
.btn.btn-primary { background: transparent; border-color: #e9c453; border-width: 2px; border-radius: 26px; color: #e9c453; text-transform: uppercase; outline: none; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:visited { background-color:#e9c453; border-color: #e9c453; font-weight: 700; }

/* Header */
.navbar { background: transparent; border: 0; min-height: 87px; padding-top: 20px; margin: 0; } 
.navbar-brand { padding-top: 0; padding-bottom: 0; }

/* Header -> Navigation */
.navbar-default .navbar-nav { margin: 10px 0 0; }
.navbar .navbar-nav>li { position: relative; }
.navbar .navbar-nav>li>a { color: #e9c453; text-transform: uppercase; font-size: 1.250rem; padding: 10px 0; margin-right: 2em; font-weight: 700; letter-spacing: 1px; background: none!important; }
.navbar .navbar-nav>li:last-child>a { margin-right: 0; }
.navbar .navbar-nav>li.active>a { background: none; color: #e9c453; border-bottom: 1px solid #e9c453; }
.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li.active>a:hover,
.navbar .navbar-nav>li>a.active:focus, .navbar .navbar-nav>li.active>a:visited,
.navbar .navbar-nav>li>a:focus, .navbar .navbar-nav>li>a:visited  { color: #e9c453;  }
.navbar .navbar-nav>li.dropdown>.dropdown-menu { background-color: #e9c453; min-width: 0; left: 0; right: auto; padding: 0; border: 0; border-radius: 5px; }
.navbar .navbar-nav>li>.dropdown-menu>li>a { white-space: initial; font-size: 1.30rem; color: #000; padding: 8px 12px;  }
.navbar .navbar-nav>li>.dropdown-menu>li>a:hover { background-color: #b8921e; color: #fff; }
.navbar .navbar-nav>li>.dropdown-menu>li:first-child>a { border-radius: 4px 4px 0 0; }
.navbar .navbar-nav>li>.dropdown-menu>li:last-child>a { border-radius: 0 0 4px 4px; }
.dropdown-menu { width: 180px; }
.navbar .dropdown-menu { margin-top: 0px; }

/* Home Intro */
.home { background: #0d305c; }
.home-intro { margin: 25% 0 0 7%; }
.home-intro h1 { font-size: 2.20rem; line-height: 1.4; margin: 0 0 1em; text-align: justify; }
.home-intro p { margin-top: 18%; }
.home-intro p .btn { margin-right: 15px; padding: 14px 0; width: 170px; text-align: center; }
.home-intro .btn-primary:hover, .home-intro .btn-primary:focus { color: #0d305c; }
.home img { margin-top: 7%; }

.modal-content iframe { border:none; padding:0; margin:0; }
button.close { font-size: 18px; font-weight: 400; right: -12px; top: -12px; text-align: center; border-radius: 100%; opacity: 1; position: absolute; background: #e9c453;  color: #fff; line-height: .5; width: 30px; height: 30px; }
button.close:hover { opacity: 1; color: #fff; }

/* About Resibots */
.about-resibots .inner-about-box { position: relative; text-align: center; margin: 18% 0 0;  }
.about-resibots h2 { font-size: 4rem; margin: 0 0 .40em; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #e9c453; }
.about-resibots p { font-size: 1.80rem; font-weight: 400; margin: 0 22%; line-height: 1.8; }
.about-resibots .icon { border-radius: 100%; border:2px solid #e9c453; position: absolute; height: 180px; width: 180px; }
.about-resibots .icon:after, .about-resibots .icon:before { content: ""; border-radius: 100%; position: absolute; background: #e9c453; }
.about-resibots .icon:after { width: 16px; height: 16px; }
.about-resibots .icon:before { width: 10px; height: 10px; }
.about-resibots .icon.one { top: -170px; left: 5%; background: url(../img/icon-one.png) 50% 50% no-repeat; }
.about-resibots .icon.one:after { bottom: 5px; right: -1px; }
.about-resibots .icon.one:before { bottom: -15px; right: -28px; }
.about-resibots .icon.two { top: -170px; right: 5%; background: url(../img/icon-two.png) 50% 50% no-repeat; }
.about-resibots .icon.two:after { bottom: 5px; left: -1px; }
.about-resibots .icon.two:before { bottom: -15px; left: -28px; }
.about-resibots .icon.three { bottom: -170px; left: 5%; background: url(../img/icon-three.png) 50% 50% no-repeat; }
.about-resibots .icon.three:after { top: 5px; right: -1px; }
.about-resibots .icon.three:before { top: -15px; right: -28px; }
.about-resibots .icon.four { bottom: -170px; right: 5%; background: url(../img/icon-four.png) 50% 50% no-repeat; }
.about-resibots .icon.four:after { top: 5px; left: -1px; }
.about-resibots .icon.four:before { top: -15px; left: -28px; }


/* Management Organziation */
.management-organization { background: #0b3b5f url(../img/receipt-management-organization-bg.png) 100% 100% no-repeat; }
.management-organization .section-title { margin-bottom: 5em; }
.management-organization .screenshot { margin: 16% 0 0; }
.management-organization .section-title h3 { font-size: 2.70rem; line-height: 1.2; font-weight: 600; color: #e9c453; padding: 20px 0 0 15px; }
.management-organization .section-title span { display: inline-block; width: 90px; height:90px; border-radius: 100%; border:2px solid #e9c453; float: left; margin-right: 20px; background: url(../img/icon-one.png) 50% 50% no-repeat; background-size: 50% auto; }
.management-organization h4 { color: #e9c453; margin-bottom: 1.30em; font-size: 2rem; }
.management-organization p { margin: 0 12% 0 0; font-size: 1.80rem; }
.management-organization .btn-primary:hover, .management-organization .btn-primary:focus { color: #0d305c; }
.management-organization .bottom-links { width: 45%; text-align: center; }
.management-organization .bottom-links > div { padding: 0; }
.management-organization .bottom-links span { display: block; color: #e9c453; font-weight: 300; font-size: 1.80rem; margin: 0 0 1rem; text-align: center; }
.management-organization .btn-primary {  padding: 14px 0; width: 160px; text-align: center; }

.bottom-appstore { position: absolute; width: 100%; background: #e9c453; text-align: center; bottom: 0;z-index: 1; padding: 30px 0; }
    .navbar .navbar-nav>li>a { margin-right: 1em; }


.resibots-mobile { color: #0c335c;  background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.resibots-mobile .section-title { margin-bottom: 3em; color: #0c335c; }
.resibots-mobile .section-title h3 { font-size: 2.70rem; line-height: 1.2; font-weight: 600; color: #0c335c; padding: 20px 0 0 15px;  margin-bottom: .20em; }
.resibots-mobile .section-title  p { font-size: 1.90rem; margin-bottom: 0; }
.resibots-mobile .section-title span { display: inline-block; width: 90px; height:90px; border-radius: 100%; border:2px solid #0c335c; float: left; margin-right: 20px; background: url(../img/icon-two-36x64.png) 50% 50% no-repeat; }

.tabs-left { border: none; padding-top: 50px; text-align: center; }
.resibots-mobile .tabs-left { width: 80px; }
.tabs-left:before { content: ''; position: absolute; top: 10%; bottom: 0; width: 4px; height: 250px; background: #0c335c; left: 128px; }
.resibots-mobile .tabs-left:before { left: 53px; }
.tabs-left>li { float: none; margin-bottom: 70px; }
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus { background: none;border: 0; font-weight: 700; }


.tabs-left>li>a { border-radius: 4px 0 0 4px; margin-right: 0; display:inline-block; border: 0; font-size: 1.850rem; text-transform: uppercase; color: #0c335c; padding: 0; height: auto; }
.tabs-left>li>a:hover { background: none; }
.tabs-left>li>a i { font-style: normal; width: 100px; display: inline-block; position: absolute; }
.tabs-left>li>a>span { border-radius: 100%; float: left; border:3px solid #0c335c; width:70px; height: 70px; margin: -25px 0 0; background-repeat: no-repeat; background-position: 50% 50%; background-color: #efefef; position: relative; }
.tabs-left>li>a>span:after,
.tabs-left>li>a>span:before { position: absolute; content: ""; width: 24px; height: 22px; left: 50%; margin-left: -12px; }
.tabs-left>li.active>a span { background-color: #0c335c; }
.tabs-left>li.snap>a>span { background-image: url(../img/snap-icon.png); }
.tabs-left>li.snap.active>a>span { background-image: url(../img/snap-icon-active.png); }
.tabs-left>li.select>a>span { background-image: url(../img/scan-icon.png); }
.tabs-left>li.select.active>a>span { background-image: url(../img/scan-icon-active.png); }
.tabs-left>li.save>a>span { background-image: url(../img/save-icon.png); }
.tabs-left>li.save.active>a>span { background-image: url(../img/save-icon-active.png); }
.section .tab-content {  position:relative; z-index: 99; }
.tabs-left>li.snap>a>span:after,
.tabs-left>li.select>a>span:after { background: url(../img/arrow-down.png) 0 0 no-repeat; bottom: -22px; }
.tabs-left>li.select>a>span:before,
.tabs-left>li.save>a>span:before { background: url(../img/arrow-up.png) 0 0 no-repeat; top: -22px; }
.tabs-left>li.select>a>span:before { background: url(../img/arrow-down.png) 0 0 no-repeat; bottom: -22px; top: auto;  }
.section .tab-content .tab-pane img { width: 60%; position: absolute; left: 30px; top: 61px; }
.section .tab-content .tab-pane p { font-size: 1.80rem; text-align: center; margin: 35% 0 0; }

.bottom-appstore a { display: inline-block; position: relative; }
.bottom-appstore a.appstore { left: -130px; }
.bottom-appstore a.playstore { margin-left: 150px; }


/* Resibots Post */
.resibots-post { background: #0c335c; }
.resibots-post .section-title { margin-bottom: 3em; color: #fff; }
.resibots-post .section-title h3 { font-size: 2.70rem; line-height: 1.2; font-weight: 600; color: #e9c453; padding: 20px 0 0 15px;  margin-bottom: .20em; }
.resibots-post .section-title p { font-size: 1.90rem; margin-bottom: 0; font-weight: 300; margin-right: 40%; line-height: 1.4; }
.resibots-post .section-title span { display: inline-block; width: 90px; height:90px; border-radius: 100%; border:2px solid #e9c453; float: left; margin: 0 20px 50px; background: url(../img/icon-three-57x51.png) 50% 50% no-repeat; }
.resibots-post .tabs-left>li>a>span { border-radius: 100%; float: left; border:3px solid #e9c453; width:70px; height: 70px; margin: -25px 0 0 0; background-repeat: no-repeat; background-position: 50% 50%; background-color: #0c335c; position: relative; }
.resibots-post .tabs-left>li>a i { color: #e9c453; font-size: 1.90rem; line-height: 1.3; position: absolute; }
.resibots-post .tab-content { height: auto; background: none; }
.resibots-post .tab-content .tab-pane img { width: auto; display: inline; position: relative; top: 40px; left: 0; }
.resibots-post .tab-content .tab-pane .row > div { text-align: center; }

.resibots-post .tabs-left>li { float: none; margin-bottom: 58px; }
.resibots-post .tabs-left:before,
.resibots-post .tabs-left:after { content: ''; position: absolute; top: 30px; bottom: 0; width: 4px; height: 210px; background: #e9c453; left: 144px; }
.resibots-post .tabs-left:after { width: 220px; height: 4px; bottom: 150px; top: auto; left: 35px; }
.resibots-post .tabs-left>li.active>a span { background-color: #e9c453; }
.resibots-post .tabs-left>li>a>span:after,
.resibots-post .tabs-left>li>a>span:before { position: absolute; content: ""; width: 24px; height: 22px; left: 50%; margin-left: -12px; }
.resibots-post .tabs-left>li.put>a>span { background-image: url(../img/put-icon.png); }
.resibots-post .tabs-left>li.put.active>a>span { background-image: url(../img/put-icon-active.png); }
.resibots-post .tabs-left>li.print-label>a>span { background-image: url(../img/print-icon.png); }
.resibots-post .tabs-left>li.print-label.active>a>span { background-image: url(../img/print-icon-active.png); }
.resibots-post .tabs-left>li.ship>a>span { background-image: url(../img/ship-icon.png); }
.resibots-post .tabs-left>li.ship.active>a>span { background-image: url(../img/ship-icon-active.png); }
.resibots-post .tabs-left>li.drop>a>span { background-image: url(../img/drop-icon.png); }
.resibots-post .tabs-left>li.drop.active>a>span { background-image: url(../img/drop-icon-active.png); }
.resibots-post .tabs-left>li.put>a>span:after,
.resibots-post .tabs-left>li.print-label>a>span:after { background: url(../img/arrow-down-2.png) 0 0 no-repeat; bottom: -22px; }
.resibots-post .tabs-left>li.print-label>a>span:after { background: url(../img/arrow-up-2.png) 0 0 no-repeat; top: -22px; }
.resibots-post .tabs-left>li.print-label>a>span:before { background: url(../img/arrow-down-2.png) 0 0 no-repeat; bottom: -22px; }

.resibots-post .tabs-left>li.ship { margin-bottom: 0; }
.resibots-post .tabs-left>li.ship, .resibots-post .tabs-left>li.drop { display: inline; width: 50%; float: left; position: relative; bottom: -48px;  }
.resibots-post .tabs-left>li.ship>a>span, .resibots-post .tabs-left>li.drop>a>span { display: block; float: none; margin-bottom: 10px; }
.resibots-post .tabs-left>li.ship>a>span { left: -44px; }
.resibots-post .tabs-left>li.drop>a>span { right: -41px; }
.resibots-post .tabs-left>li.drop i, .resibots-post .tabs-left>li.ship i { width: auto; display: block; position: relative; }
.resibots-post .tabs-left>li.ship i { left: -40px; }
.resibots-post .tabs-left>li.drop i { right: -40px; }
.resibots-post .tabs-left>li.drop>a>span:after,
.resibots-post .tabs-left>li.ship>a>span:after { background: url(../img/arrow-up-2.png) 0 0 no-repeat; top: -22px; }
.resibots-post .tabs-left>li.ship>strong, .resibots-post .tabs-left>li.drop>strong { position: absolute; width: 4px; height: 40px; background-color: #e9c453; top: -62px; }
.resibots-post .tabs-left>li.ship>strong { left: 20px; }
.resibots-post .tabs-left>li.drop>strong { right: 23px; }
.resibots-post .tabs-left>li.down-arrow { position: absolute; width: 24px; height: 22px; background: url(../img/arrow-up-2.png) 0 0 no-repeat; bottom: 92px; left: 45.80%; }

/* Reporting */
.reporting { background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ color: #4b4f53; display: block }
.reporting .section-title { margin: 1.50em 0 0; color: #fff; clear: both; }
.reporting .section-title h3 { font-size: 2.70rem; line-height: 1.2; font-weight: 600; color: #0c335c; padding: 18px 0 0 15px;  margin-bottom: .20em; }
.reporting .section-title span { display: inline-block; width: 90px; height:90px; border-radius: 100%; border:2px solid #0c335c; float: left; margin: 0 20px 50px; background: url(../img/icon-five-46x62.png) 50% 50% no-repeat; }
.reporting h4 { font-size: 2rem; line-height: 1.2; font-weight: 600; margin-left: 15%; }
.reporting p { font-size: 1.850rem; margin-bottom: 2.5em; margin-left: 15%; }
.reporting .inner-wrap { background: url(../img/reporting-fade-bg.png) 100% 50% repeat-y; padding-bottom: 10px; }
.reporting .dashboard { margin-top: -155px; width: 82%; text-align: center; }


/* Digitalize */
.digitalize .section-title { margin: 1.50em 0 0; color: #fff; }
.digitalize .section-title h3 { font-size: 2.70rem; line-height: 1.2; font-weight: 600; color: #e9c453; padding: 20px 0 0 15px; }
.digitalize .section-title span { display: inline-block; width: 90px; height:90px; border-radius: 100%; border:2px solid #e9c453; float: left; margin-right: 20px; background: url(../img/icon-one.png) 50% 50% no-repeat; background-size: 50% auto; }
.digitalize .inner-box { margin: 70px 0 0 15%; }
.digitalize p { font-size: 1.850rem; margin-bottom: 2.5em; }
.digitalize ul li { font-size: 1.850rem; }
.digitalize .row > div:last-child img { width: 45%; display: inline-block; margin: -60px 0 0 10%; }


/* Bottom Section  */
.bottom-wrap { border-top: 3px solid #d8d8d8;  }
.contact { background: #0b365d; }
.dropoff-location { background-color: #0b3b60; padding: 50px 0; }
.dropoff-location .row > div { position: relative; }
.dropoff-location .row > div:first-child:before { content: ""; position: absolute; top: 0; right: 14%; height: 115%; border-right: 1px solid #e6c252; margin-top: -15px; }
.dropoff-location h5 { font-size: 2.80rem; font-weight: 600; color: #e6c252; margin: 0 0 .80em; }
.dropoff-location h5 span { display: block; }
.dropoff-location .row > div:last-child h5 { margin-bottom: 1.40em; }
.dropoff-location form label { font-weight: 300; color: #e6c252; font-size: 1.60rem; }
.dropoff-location form .form-control { background: #0b365d; color: #e6c252; font-size: 1.20rem; border-radius: 8px 0 0 8px; width: 220px; margin-right: 0; border-right: 0; position: relative; right: -4px; }
.dropoff-location form .form-control:focus { box-shadow: none; border:1px solid #e6c252; border-right: 0; }
.dropoff-location .btn { border-width: 1px; border-radius: 0 8px 8px 0; font-weight: 600; }
.dropoff-location .btn:focus { background: #052546; }
.dropoff-location .btn:hover { color: #0b365d; background: #e9c453 }


.social-signup { background: #052546; padding: 40px 0; overflow: hidden }
.social-signup h5 { color: #e6c252; font-size: 2.40rem; margin: 0 0 .80em; font-weight: 600; }
.social-signup ul { margin: 0; padding: 0; list-style-type: none; }
.social-signup li { display: inline; }
.social-signup li a { margin-right: 15px; font-size: 26px; }
.social-signup li a:hover { color: #fff; }
.social-signup li:last-child a { margin-right: 0; }

.social-signup form { float: right; }
.social-signup .row > div:last-child h5 { text-align: left; } 
.social-signup form .form-control { background: #0b365d; color: #e6c252; font-size: 1.20rem; border-radius: 8px 0 0 8px; width: 300px; margin-right: 0; border-right: 0; position: relative; right: -4px; }
.social-signup form .form-control:focus { box-shadow: none; border:1px solid #e6c252; border-right: 0; }
.social-signup .btn { border-width: 1px; border-radius: 0 8px 8px 0; font-weight: 600;  }
.social-signup .btn:focus { background: #052546; }
.social-signup .btn:hover { color: #0b365d; background: #e9c453 }

.contact-form { background: #0b365d; padding: 60px 0 50px; }
.contact-form form { max-width: 550px; margin: 0 auto; }
.contact-form form h6 { font-size: 3.50rem; color: #e6c252; font-weight: 700; text-align: center; margin-bottom: 1em; }
.contact-form .form-control { background: #0b365d; color: #e6c252; font-size: 1.20rem; }
.contact-form .form-control:focus { box-shadow: none; border:1px solid #e6c252; }
.contact-form textarea.form-control { height: 120px }
.contact-form .btn { border-width: 1px; padding: 4px 70px;  }
.contact-form .btn:hover, .contact-form .btn:focus { color: #0b365d; }

.pagefooter { background: #052546; padding: 25px 0; }
.pagefooter p {  color: #e6c252; margin: 0; }
.footer-nav ul { margin: 0; padding: 0; }
.footer-nav ul li { display: inline; }
.footer-nav ul li a { color: #e6c252; margin-left: 15px; }
.footer-nav ul li a:hover { color: #fff; }

.form-control:focus::-webkit-input-placeholder { color: #e9c453; }
.form-control:focus:-moz-placeholder { color: #e9c453; }
.form-control:focus::-moz-placeholder { color: #e9c453; }
.form-control:focus:-ms-input-placeholder { color: #e9c453; }

/* Inner Pages */
.pageheader { background: #174467; margin: 0; }
.page-content { background: #174467; }
.page-content .page-title { margin: 3em 0 1.50em; clear: both; color: #fff; }
.page-content .page-title h1 { font-size: 3.40rem; line-height: 1.2; margin: 0; text-transform: uppercase; font-weight: 600; color: #e9c453; padding: 20px 0 0 15px; }
.page-content .page-title span { display: inline-block; width: 90px; height:90px; border-radius: 100%; border:2px solid #e9c453; float: left; margin-right: 20px; background: url(../img/price-tag.png) 50% 50% no-repeat; background-size: 50% auto; }

/* Pricing */
.setup-form { text-align: center; }
.setup-form h3, .setup-form h4 { color: #e6c252; text-align: center;  }
.setup-form h3 { font-size: 3rem; }
.setup-form h4 { font-size: 3.30rem; font-weight: 700; margin-bottom: .30em; text-transform: uppercase; }
.setup-form p { font-size: 2.20rem; margin-bottom: 1.50em; line-height: 1.4; font-weight: 300; }
.setup-form form { max-width: 550px; margin: 0 auto 50px; }
.setup-form form .form-group { text-align: left; }
.setup-form .form-control { background: #0b365d; color: #e6c252; font-size: 1.20rem; }
.setup-form .form-control:focus { box-shadow: none; border:1px solid #e6c252; }
.setup-form textarea.form-control { height: 120px }
.setup-form .btn { border-width: 1px; background: #e6c252; color: #222222; padding: 6px 40px; font-weight:600; }
.setup-form .btn:hover { color: #222222;  }

.prices-type-tabs .nav-tabs { border: 0; text-align: center; }
.prices-type-tabs .nav-tabs>li { width: 33.3333%; border-right:1px solid #fadf8c; margin-bottom: 0; }
.prices-type-tabs .nav-tabs>li:last-child { border-right: 0; }
.prices-type-tabs .nav-tabs>li>a { border-radius: 0; border: 0; font-weight: 700; margin-right: 0; text-transform: uppercase; font-size: 1.50rem; color: #fadf8c; }
.prices-type-tabs .nav-tabs>li.active>a,
.prices-type-tabs .nav-tabs>li>a:hover { background: #e6c252; border: 0;  color: #174467; }
.prices-type-tabs .nav-tabs>li:first-child a { border-radius: 28px 0 0 28px;  margin-left: -1px; }
.prices-type-tabs .nav-tabs>li:last-child a { border-radius: 0 30px 30px 0; margin-right: -1px; }
.prices-type-tabs { width: 350px; margin: 0 auto 15px; border:1px solid #e6c252; border-radius: 60px; }
.pricing .type-desc { text-align: center; font-size: 1.80rem; padding: 15px 0 20px; }
.pricing .type-desc p a:focus { color:#fff; }

.pricing-wrapper { display: block; margin-bottom: 40px; }
.pricing-table { margin: 0 15px; text-align: center; width: 31%; float: left; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; background: #fff; border-radius: 6px; border-top: 8px solid #e6c252; overflow: hidden;  }
.pricing-table:first-child { margin-left: 0; }
.pricing-table:last-child { margin-right: 0; }
.pricing-table hr { margin-left: 20%; margin-right: 20%; }
.pricing-title { color: #313131; padding: 22px 0 10px; margin: 0 0 20px; font-size: 1.60em; }
.pricing-table ul.table-list { margin: 0; padding: 0; min-height: 130px; list-style-type: none; }
.pricing-table ul li { color: #969595; line-height: 2.4; }
.pricing-table .price { font-size: 4em; font-weight: 600; padding: 20px 0 10px; color: #313131; line-height: 1; }
.pricing-table .price sup { font-size: 0.4em; position: relative; left: 10px; top: -25px; font-weight: 400; }
.pricing-table .duration { color: #313131; display: block; font-size: 1.20rem; }
.pricing-table  .btn { border-width: 1px; font-weight: 500; text-transform: initial; color: #e6c252; width: 160px; font-size: 1.250rem; padding: 11px 0; }
.pricing-table  .btn:hover, .pricing-table  .btn:focus { color: #fff; }
.pricing-table .discount-box { position: relative; padding: 15px 0; background: #e6c252; color: #fff; border-radius: 0 0 5px 5px; margin: 30px 0 0; font-size: 2rem; height: 80px; }
.pricing-table .discount-box:before { content: ""; position: absolute; top: -10px; height: 11px; background: url(../img/zigzag.png) 0 0 repeat-x; left: 0; width: 100%; }
.pricing-table .discount-box p { margin: 0; font-weight: 300; line-height: 1.1; }
.pricing-table .discount-box strong { font-weight: 700; }

.pricing #dropoff .type-desc { padding-bottom: 0; }
.pricing .sub-section { background: #133d63; padding: 10px 0; margin-bottom: 30px; }
.sub-section .row>div:first-child,
.sub-section .row>div:last-child { padding-top: 30px; padding-bottom: 30px; }
.sub-section .row>div:first-child label { margin: 0 40px 0 50px; }
.sub-section .row>div:first-child select { background-color:#133d63; color: #fff; height: 38px; padding: 0 20px; text-transform: uppercase; border-radius: 9px; width: 220px; }
.sub-section .row>div:first-child select:focus { box-shadow: none; border:1px solid #e6c252; }
.sub-section  label { font-weight: 300; color: #e6c252; font-size: 1.90rem; margin-right: 10px; }
.postal-form-group .form-control { background: #0b365d; color: #e6c252; font-size: 1.20rem; border-radius: 8px 0 0 8px; width: 220px; margin-right: 0; border-right: 0; position: relative; right: -4px; }
.postal-form-group .form-control:focus { box-shadow: none; border:1px solid #e6c252; border-right: 0; }
.sub-section .btn { border-width: 1px; border-radius: 0 8px 8px 0; font-weight: 600; }
.sub-section .btn:hover { color: #0b365d; background-color: #e6c252; }
.sub-section .btn:focus { background: #052546; color: #e6c252; }
.sub-section .divider { background: #133d63; border-radius: 100%; z-index: 1; border:1px solid #e6c252; display: inline-block; width: 45px; height: 45px; color: #fff; line-height: 45px; font-size: 1.60rem; fo;nt-weight: 300; position: relative; margin-top: 26px; }
.sub-section .divider:after, .sub-section .divider:before {  position: absolute; background: #e6c252; content: ""; width: 1px; height: 30px; left: 21px; }
.sub-section .divider:after { top: -30px; }
.sub-section .divider:before { bottom: -30px; }

#dropAddress .modal-dialog { margin-top: 15%; }
#dropAddress .modal-content { border-radius: 0; }
#dropAddress .modal-header { background-color: #0d305b; padding-top: 8px; padding-bottom: 8px; }
#dropAddress .modal-body { color:#222222;  }
#dropAddress .modal-body h5 { font-size: 2.20rem; font-weight: 600; margin: 0 0 8px; }


/* FAQ */
.page-content.faq { background-image: url(../img/faq-bg.png); background-position: 50% 100%; background-repeat: no-repeat; }
.page-content.faq .page-title span { background-image: url(../img/faq-icon.png); }
.page-content.faq .page-title h1 { text-transform: initial; }
.faq-wrapper { margin-top: 30px; margin-bottom: 120px; }
.faq .nav-tabs { border: 0; }
.faq .nav-tabs>li { float: none; display: block; }
.faq .nav-tabs>li a { color: #e6c252; border: 0; border-radius: 0;  }
.faq .nav-tabs>li a:hover, .faq .nav-tabs>li.active a,
.faq .nav-tabs>li.active a:hover { border: 0;  background: none; color: #fff; }
.faq .nav-tabs>li:first-child a { padding-top: 0; }
.faq .tab-content { border-left: 1px solid #e3c052; padding: 0 0 20px 50px; }
.faq .tab-content p { font-size: 1.650rem; line-height: 1.8 }

.panel-group .panel  { background: transparent; border: 0; border-bottom-width: 1px; border-bottom: rgba(230,194,82, .3) 1px solid; }
.panel-default>.panel-heading {color: #fff; background: transparent; border-bottom-width: 1px; border-radius: 0; border-bottom-color: rgba(230,194,82, .5); color: #e3c052; text-decoration: none; padding: 10px 0; }
.panel.panel-default a { text-decoration: none; }
.panel-group .panel-body { font-size: 1.650rem; line-height: 1.7; font-weight: 300; }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: rgba(230,194,82, .8); }

#locationMap .modal-content { border-radius: 0; }
#locationMap .modal-body { padding: 0; }
#videoModal .modal-body { padding: 5px; }

.fp-viewing-page3 #fp-nav ul li a span { background: #dac688; }
.fp-viewing-page3 #fp-nav ul li a.active span { background: #dcb744; }
.fp-viewing-page4 #fp-nav ul li a span { background: #eed897; }
.fp-viewing-page4 #fp-nav ul li a.active span { background: #dcb744; }
.fp-viewing-page6 #fp-nav ul li a span { background: #fff; }
.fp-viewing-page6 #fp-nav ul li a.active span { background: #ffe9a4; }
.fp-viewing-page8 #fp-nav ul li a span { background: #e9c453; }
.fp-viewing-page8 #fp-nav ul li a.active span { background: #f7d87a; }
.fp-viewing-page6 #fp-nav ul li .fp-tooltip { border-color: #fff; color: #fff; }

/* Validation */
.ierrormsg { padding-bottom: 2%; color: #7b9bba; }
form .form-control.ierror, form .form-control.ierror { border-color: #9a4343; background-color: #f4e5e5;  }
form .form-control.ierror:focus::-webkit-input-placeholder { color: #9a4343; }
form .form-control.ierror:focus:-moz-placeholder { color: #9a4343; }
form .form-control.ierror:focus::-moz-placeholder { color: #9a4343; }
form .form-control.ierror:focus:-ms-input-placeholder { color: #9a4343; }
.msg_wrap div, .msg_wrap p.success,
.msg_wrap2 div, .msg_wrap2 p.success,
.msg_wrap3 div, .msg_wrap3 p.success { padding: 6px 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 8px; color: #333333; font-size: 1.150rem; text-align: left; }
.msg_wrap div, .msg_wrap2 div, .msg_wrap3 div { background-color: #f8eded; border:1px solid #daa8a8; }
.msg_wrap p.success, .msg_wrap2 p.success,
.msg_wrap3 p.success { background-color: #e8f7f4; border:1px solid #bdc3c7; }
.msg_wrap div span, .msg_wrap2 div span,
.msg_wrap3 div span { color: #9a4343; font-weight: bold; }
.msg_wrap p.success span, .msg_wrap2 p.success span, .msg_wrap3 p.success span { color: #f4ac48; font-weight: bold; }

#fp-nav { display: block!important; }




/*-----------------------------------------------------------------------------------*/
/*  Responsive (Media queries)
/*-----------------------------------------------------------------------------------*/


@media screen and (max-width: 1200px) { 
   .home-intro { margin: 25% 0 0 0; }
   .home-intro p .btn { margin-right: 8px; width: 160px; }
   .digitalize .section-title {  clear: both; }
   .digitalize .inner-box { margin: 40px 0 0 0; }
   .sub-section  label { display: block; float: none; clear: both; margin: 0 0 3px!important; }
   .sub-section .btn { margin-top: 30px; }
   .tabs-left:before { left: 94px; }
   .resibots-post { padding-bottom: 60px; }
   .resibots-post .tab-content .tab-pane img { top: 0; width: 80%; }
   .resibots-post .tabs-left:after { left: 35px; width: 180px; }
   .resibots-post .tabs-left:before { left: 119px; }
   .resibots-post .tabs-left > li.drop > strong { right: 12px; }
   .resibots-post .tabs-left > li.ship > a > span { left: -31px; }
   .resibots-post .tabs-left > li.drop > a > span { right: -39px; }
   .resibots-post .tabs-left > li.down-arrow { left: 45%; }
}


@media (min-width: 980px) {
    
}

@media screen and (max-width: 980px) { 
   .home-intro { margin: 5% 0 0; text-align: center; }
   .section.home { padding-bottom: 100px; }
   .section.home img.img-responsive { width: 80%; margin: 0 auto; }
   .home-intro h1 { text-align: center; font-size: 2rem; }
   .home-intro p { margin-top: 5%; }
   .navbar .navbar-nav>li>a { margin-right: 1em; }
   .navbar-default .navbar-nav { margin: 30px 0 40px; }
   .fp-section, .fp-slide, .fp-tableCell{ height: auto !important; overflow: visible; }
   .about-resibots p { margin: 0; line-height: 1.6; }
   .about-resibots { padding-bottom: 250px; padding-top: 120px; }
   .about-resibots .icon.one, .about-resibots .icon.two { top: -200px; }
   .about-resibots .icon.three, .about-resibots .icon.three { bottom: -200px; }
   .about-resibots .icon.one, .about-resibots .icon.three{ left: -60px; }
   .about-resibots .icon.two, .about-resibots .icon.four { right: -60px; }
   .social-signup .row > div { float: none; clear: both; width: auto; text-align: center; }
   .social-signup form { float: none; }
   .social-signup form h5 { text-align: center!important; display: block; margin-top: 20px; }
   .digitalize { padding: 20px 0 40px; }
   .section .section-title {  text-align: center;  }
   .section .section-title span { float: none; margin-right: 0;  }
   .section .section-title h3 { padding: 8px 0 0 0; margin: 0; }
   .digitalize .row > div:last-child { text-align: center; }
   .digitalize .row > div:last-child img { display: inline-block; margin: 0; }
   .section .container p, .section .container ul li { font-size: 1.450rem; margin-bottom: 10px; }
   .reporting .section-title span { margin: 0 0 10px; }
   .reporting .section-title { margin-bottom: 30px; }
   .reporting .dashboard { margin: 0; width: 100%; }
   .reporting .dashboard img,
   .management-organization .screenshot img { display: inline-block; }
   .reporting h4, .reporting p { text-align: center; margin: 0; }
   .reporting .inner-wrap { background-position: 150px 10%; padding-bottom: 30px; }
   .management-organization { background-position: 160% 100%; padding-bottom: 40px; padding-top: 60px; }
   .management-organization h4, .management-organization p { text-align: center; margin: 0 0 15px; }
   .management-organization .screenshot { margin: 50px 0 0; text-align: center; }
   .management-organization .bottom-links { width: 60%; margin: 40px auto 0; }
   .pricing-table { margin: 0 5px; width: 35% }
   .pricing-table:first-child { margin-left: 0; }
   .pricing-table:last-child { margin-right: 0; }
   .sub-section { overflow: hidden; }
   .sub-section .row > div { float: none; width: auto; clear: both; text-align: center; }
   .sub-section .row > div:last-child { margin-top: 10px; }
   .sub-section  label { width: 100%; text-align: center;clear: both; }
   .sub-section .row > div:last-child label { position: relative; right: -45px; }
   .sub-section .row > div:first-child { padding-top: 30px; padding-bottom: 15px; }
   .page-content.faq { background-position: 100% 100%; }
   .faq .tab-content { border-left: 0; padding: 0 0 20px; }
   .faq .faq-wrapper .nav-tabs li { display: inline; }
   .faq .faq-wrapper .nav-tabs li a { float: left; }
   .faq .nav-tabs > li:first-child a {padding-top: 10px; }
   .faq-wrapper { margin-bottom: 60px; }
   .resibots-mobile { padding-top: 50px; }
   .resibots-mobile .section-title { margin-bottom: 0; }
   .resibots-mobile .tabs-left { width: 300px; margin: 0 auto 20px; }
   .resibots-mobile .tabs-left:before { content: ''; position: absolute; top: 60px; bottom: 0; width: 220px; height: 4px; background: #0c335c; left: 250px; }
   .resibots-mobile .tabs-left>li { display: inline-block; text-align: center; margin: 0 10px; }
   .resibots-mobile .tabs-left>li>a { float: none; display: inline-block; margin-bottom: 30px; }
   .resibots-mobile .tabs-left>li>a>span { float: none; display: inline-block; }
   .resibots-mobile .tabs-left>li.snap>a>span:after,
   .resibots-mobile .tabs-left>li.select>a>span:after,
   .resibots-mobile .tabs-left>li.select>a>span:before,
   .resibots-mobile .tabs-left>li.save>a>span:after { background: none; bottom: -22px!important; }
   .resibots-mobile .tabs-left>li.snap.active>a>span:after,
   .resibots-mobile .tabs-left>li.select.active>a>span:before,
   .resibots-mobile .tabs-left>li.select.active>a>span:after,
   .resibots-mobile .tabs-left>li.save.active>a>span:after { background: url(../img/arrow-down.png) 0 0 no-repeat; }
   .resibots-mobile .tabs-left>li>a i { display: block; margin-top: 15px; left: -15px; }
   .resibots-mobile .tabs-left>li.select>a>span:after,
   .resibots-mobile .tabs-left>li.save>a>span:before { display: none; }
   .resibots-mobile.section .tab-content { margin: 0 auto; background-size: 26% auto; background-position: 50% 0; margin-top: 70px; height: 480px;  }
   .resibots-mobile.section .tab-content .row > div { padding-top: 30px; }
   .resibots-mobile.section .tab-content .tab-pane img { width: 25%; left: 38%; top:5px; }
   .section .tab-content .tab-pane p { font-size: 1.50rem; text-align: center; margin: -100px 0 0; }
   .bottom-appstore a.appstore { left: 0; }
   .resibots-post { padding-top: 60px; }
   .resibots-post .section-title span { margin: 0 0 15px; }
   .resibots-post .section-title p { margin: 0; }
   .resibots-post .tabs-left { text-align: center; width: 355px; height: 80px; margin: 0 auto; padding: 15px 0 0; }
   .resibots-post .tabs-left:after, .resibots-post .tabs-left:before,
   .resibots-post .tabs-left > li.down-arrow, .resibots-post .tabs-left>li>a>span:after,
   .resibots-post .tabs-left>li>a>span:before, .resibots-post .tabs-left > li.ship > strong,
   .resibots-post .tabs-left > li.drop > strong { display: none; }
   .resibots-post .tabs-left > li { float: left; width: 80px!important; margin-right: 8px; display: inline-block; }
   .resibots-post .tabs-left > li:last-child { margin-right: 0; }
   .resibots-post .tabs-left > li > a i { position: relative; width: 100%; font-size: 1.20rem; }
   .resibots-post .tabs-left > li.ship > a > span, .resibots-post .tabs-left > li.ship i { left: 0; }
   .resibots-post .tabs-left > li.drop > a > span,
   .resibots-post .tabs-left > li.drop i { right: 0; }
   .resibots-post .tabs-left > li.ship, .resibots-post .tabs-left > li.drop { bottom: 0; }
   .resibots-post .tab-content .tab-pane img { width: auto!important; }
   .resibots-post .tab-content .row > div { float: none!important; width: auto!important; clear: both!important; }
   .resibots-post .tab-content .tab-pane p { margin: 20px 0!important; }
   .faq-wrapper .nav > li > a { padding-left: 0; }
}

@media only screen and (min-width: 768px) { 
	#videoModal .modal-dialog { width: 680px; }
}

@media screen and (min-width: 767px) { 
   ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
   a.menu:after, .dropdown-toggle:after { content: none; }
}

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

@media screen and (max-width: 767px) { 
  .navbar-default .navbar-toggle { border-radius: 0; border-color: #8f8857; right: 10px; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #e9c453; border-color: #e9c453; }
  .navbar-default .navbar-toggle .icon-bar { background: #e9c453; }
  .navbar-default .navbar-toggle:hover .icon-bar,
  .navbar-default .navbar-toggle:focus .icon-bar { background: #0c355d; }
  .navbar-collapse { background: #052546; margin-top:50px; border: 0; position: absolute; width: 100%; z-index: 99999; padding-bottom: 0; }
  .navbar-default .navbar-nav { margin: 10px 0; }
  .home-intro-content { padding-top: 80px; }
  .about-resibots { padding-bottom: 220px; padding-top: 80px; }
  .about-resibots .icon.one, .about-resibots .icon.two { top: -200px; }
   .about-resibots .icon.three, .about-resibots .icon.four { bottom: -200px; }
   .about-resibots .icon.one, .about-resibots .icon.three{ left: 30px!important; }
   .about-resibots .icon.two, .about-resibots .icon.four { right: 30px!important; }
   .social-signup form { width: 310px; margin: auto; }
   .social-signup form .form-group { float: left; display: inline-block; }
   .social-signup form .form-group .form-control { width: 223px; }
   .social-signup form .form-group .btn { right: -10px; }
    .management-organization { background: transparent; }
    .page-content .page-title { text-align: center; }
    .page-content .page-title span { display: inline-block; width: 90px; float: none; margin: 0 auto 20px; }
    .page-content .page-title h1 { font-size: 2.40rem; padding: 0; }
}

@media screen and (max-width: 730px) { 
   .about-resibots h2 { font-size:3rem; }
   .about-resibots .icon { height: 120px; width: 120px; background-size: 60% auto!important; }
   .about-resibots .icon.two { background-size: 40% auto!important; }
   .about-resibots .icon.one, .about-resibots .icon.two { top: -140px; }
   .about-resibots .icon.three, .about-resibots .icon.four { bottom: -140px; }
   .about-resibots .icon.one, .about-resibots .icon.three{ left: 0; }
   .about-resibots .icon.two, .about-resibots .icon.four { right: 0; }
   .pagefooter .row > div { float: none; width: 100%; text-align: center; }
   .pagefooter .footer-nav { margin-bottom: 8px; }
   .footer-nav ul li:first-child a { margin-left: 0; }
   .reporting .inner-wrap { background-position: 0 10%; }
   .management-organization .bottom-links { width: auto; }
   .management-organization .bottom-links > div { float: none; width: auto; margin-bottom: 15px; }
   .setup-form h3 { font-size: 2.50rem; }
   .setup-form h4 { font-size: 2.60rem; }
   .sub-section .row > div { text-align: center; }
   .sub-section .form-control { display: inline-block!important; }
   .sub-section input.form-control { float: left; }
   .postal-form-group { width: 300px; margin: 0 auto; }
   .sub-section .btn { margin: 0; float: left; right: -2px; position: relative; z-index: 99; }
   .sub-section .row > div:last-child label { right: 0; }
   .panel-group .panel-body { font-size: 1.30rem; }
   #dropAddress .modal-dialog, #locationMap .modal-dialog { margin-top: 30%; }
}

@media only screen and (max-width: 641px) {
    .home-intro h1, .reporting h4, .social-signup h5 { font-size: 1.80rem; }
    .about-resibots h2, .management-organization .section-title h3,
    .resibots-mobile .section-title h3,
    .resibots-post .section-title h3,
    .reporting .section-title h3, .digitalize .section-title h3,
    .contact-form form h6 { font-size: 2.20rem; }
    .pricing-wrapper { overflow: hidden; }
    .pricing-wrapper .pricing-table {  clear: both; width: 100%; margin: 0 0 22px; }
    .setup-form p { font-size: 1.50rem; }
     .resibots-mobile .tabs-left:before { left: 200px; }
   .section .tab-content .tab-pane p { margin: -120px 0 0; }
   .resibots-mobile.section .tab-content { background-size: 30% auto; margin-top: 90px;  }
   .resibots-mobile.section .tab-content .tab-pane img { width: 180px; left: 36%; top:15px;  }
   .bottom-appstore a { float:left; width: 50%; display: inline; }
   .bottom-appstore a.playstore { margin-left: 0; }
}

@media screen and (max-width: 600px) { 
   .resibots-mobile .tabs-left:before { left: 180px; }
   .section .tab-content .tab-pane p { margin: -120px 0 0; }
   .resibots-mobile.section .tab-content { background-size: 34% auto; margin-top: 90px;  }
   .resibots-mobile.section .tab-content .tab-pane img {  }
   .bottom-appstore a { float:left; width: 50%; display: inline; }
   .bottom-appstore a.playstore { margin-left: 0; }
}

@media screen and (max-width: 568px) { 
   .resibots-mobile .tabs-left:before { left: 180px; }
   .section .tab-content .tab-pane p { margin: -120px 0 0; }
   .resibots-mobile.section .tab-content { background-size: 35% auto; margin-top: 90px;  }
   .bottom-appstore a { float:left; width: 50%; display: inline; }
   .bottom-appstore a.playstore { margin-left: 0; }
   #fp-nav.right { right: 15px!important; }
   #fp-nav ul li { width: 9px; height: 9px; margin: 7px 7px 15px }
   #fp-nav ul li a span { width: 8px; height: 8px; }
   #fp-nav ul li a.active span { width: 10px; height: 10px; margin: 0 0 0 -1px; }
}

@media screen and (max-width: 480px) { 
   .section .container { padding-right: 35px; }
    .reporting .inner-wrap { background-position: 50% 10%; }
    .resibots-mobile .tabs-left:before { left: 110px; }
   .section .tab-content .tab-pane p { margin: -120px 0 0; }
   .resibots-mobile.section .tab-content { background-size: 40% auto; margin-top: 90px;  }
   .resibots-mobile.section .tab-content .tab-pane img {  }
   .bottom-appstore a { float:left; width: 50%; display: inline; }
   .bottom-appstore a.playstore { margin-left: 0; }
}

@media screen and (max-width: 440px) { 
   .resibots-mobile .tabs-left:before { left: 100px; }
   .section .tab-content .tab-pane p { margin: -120px 0 0; }
   .resibots-mobile.section .tab-content { background-size: 40% auto; margin-top: 90px;  }
   .resibots-mobile.section .tab-content .tab-pane img { left: 30%; top:15px; }
   .bottom-appstore a { float:left; width: 50%; display: inline; }
   .bottom-appstore a.playstore { margin-left: 0; }
}

@media screen and (max-width: 360px) { 
   .home-intro p .btn { margin-right: 15px; padding: 14px 15px; width: auto; }
   .home-intro p .btn:last-child { margin-right: 0; }
   .prices-type-tabs { width: 100%; }
   .prices-type-tabs .nav li a { padding: 10px 10px; font-size: 1.050rem; }
   .pricing .type-desc { font-size: 1.40rem; padding: 15px 0 0; }
   .resibots-mobile .tabs-left:before { left: 50px; }
   .section .tab-content .tab-pane p { margin: -120px 0 0; }
   .resibots-mobile.section .tab-content { background-size: 60% auto; margin-top: 90px;  }
   .resibots-mobile.section .tab-content .tab-pane img { left: 23%; }
   .bottom-appstore a { float:left; width: 50%; display: inline; }
   .bottom-appstore a img { width: 80%; float: left; }
   .bottom-appstore a.playstore { margin-left: 0; }
}

@media screen and (max-width: 320px) { 
   .social-signup form .form-group .form-control { width: 207px; }
   .social-signup form .btn { margin-left: -16px; }
   .resibots-mobile .tabs-left:before { left: 50px; }
   .section .tab-content .tab-pane p { margin: -120px 0 0; }
   .resibots-mobile.section .tab-content { background-size: 60% auto; margin-top: 80px;  }
   .resibots-mobile.section .tab-content .tab-pane img { left: 18%; top:25px; }
   .bottom-appstore a { float:left; width: 50%; display: inline; }
   .bottom-appstore a img { width: 80%; float: left; }
   .bottom-appstore a.playstore { margin-left: 0; }
   .resibots-post .tabs-left { width: 300px; position: relative; z-index: 99; }
   .resibots-post .tabs-left > li { width: 70px!important; margin-right: 2px; }
}