/* Agrotrak Responsive styles */
@media only screen and (min-width:768px) and (max-width:1024px) {
.responsive #top #header {height: auto;position: fixed;min-height: 85px}
.responsive #top #header .navbar.at-navbar {height: 75px;padding: 17px 0 0}
.responsive #top #header .navbar.at-navbar .navbar-collapse {background: #08005b;margin: 0;padding: 20px;-webkit-box-shadow: 0 3px 5px 2px rgba(255, 255, 255, .3);-moz-box-shadow: 0 3px 5px 2px rgba(255, 255, 255, .3);box-shadow: 0 3px 5px 2px rgba(255, 255, 255, .3);position: fixed;top: 85px;z-index: 99;width: 280px;left: auto;right: 0}
.responsive #top #header.fixed-header {height: 85px}
/*.responsive #top #main {padding-top: 85px} */   
.responsive  #top #atsol-line img {position: absolute;-webkit-transform: translate(-50%, -30%);-moz-transform: translate(-50%, -30%);-ms-transform: translate(-50%, -30%);transform: translate(-50%, -30%);width: 210px;}
#top #main #atsol-info-bg{height: 112vh;}
#top #atsol-purchasing {top: -1% !important;}
#top #atsol-consolidation{top: 9% !important;left: 32% !important;}
#top #atsol-transport p.rnbrk br{display: none;}
#top .at-w80{width: 85%;margin: 0 auto;z-index: 9;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
.responsive #top .res-dropdown-item {display: block;}
.responsive #top .res-hide {display: none;}
.responsive #top #header {height: auto;position: fixed;min-height: 85px}
.responsive #top #header .navbar.at-navbar {height: 75px;padding: 17px 0 0}
.responsive #top #header .navbar.at-navbar .navbar-collapse {background: #08005b;margin: 0;padding: 20px;-webkit-box-shadow: 0 3px 5px 2px rgba(255, 255, 255, .3);-moz-box-shadow: 0 3px 5px 2px rgba(255, 255, 255, .3);box-shadow: 0 3px 5px 2px rgba(255, 255, 255, .3);position: fixed;top: 85px;z-index: 99;width: 280px;left: auto;right: 0}
.responsive #top #header.fixed-header {height: 85px}
/*.responsive #top #main {padding-top: 85px} */   
.responsive  #top #atsol-line img {position: absolute;-webkit-transform: translate(-50%, -30%);-moz-transform: translate(-50%, -30%);-ms-transform: translate(-50%, -30%);transform: translate(-50%, -30%);width: 210px;}
#top #main #atsol-info-bg{height: 112vh;}
#top #atsol-purchasing {top: -1% !important;}
#top #atsol-consolidation{top: 9% !important;left: 32% !important;}
#top #atsol-transport p.rnbrk br{display: none;}
#top .at-w80{width: 85%;margin: 0 auto;z-index: 9;}
.responsive #top #main #blog-post .at-blog-post{margin-bottom: 2em!important}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
#top #header .navbar.at-navbar .navbar-collapse {background: unset;margin: unset;padding: unset;-webkit-box-shadow: unset;-moz-box-shadow: unset;box-shadow: unset;position: unset;top: unset;z-index: unset;width: unset;left: unset;right: unset}
.responsive #top #atsol-line img {position: absolute;-webkit-transform: translate(-45%, -40%);-moz-transform: translate(-45%, -40%);-ms-transform: translate(-45%, -40%);transform: translate(-45%, -40%);width: 270px;}    
#top #main #atsol-info-bg{height: 112vh;}
#top #atsol-purchasing {top: -1% !important;}
#top #atsol-consolidation{top: 9% !important;left: 32% !important;}
#top .at-w80{width: 80%;margin: 0 auto;z-index: 9;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
.responsive #top .res-dropdown-item {display: block;}
.responsive #top .res-hide {display: none;}
.responsive #top #header {height: auto;position: fixed;min-height: 85px}
.responsive #top #header .navbar.at-navbar {height: 75px;padding: 17px 0 0}
.responsive #top #header .navbar.at-navbar .navbar-collapse {background: #08005b;margin: 0;padding: 20px;-webkit-box-shadow: 0 3px 5px 2px rgba(255, 255, 255, .3);-moz-box-shadow: 0 3px 5px 2px rgba(255, 255, 255, .3);box-shadow: 0 3px 5px 2px rgba(255, 255, 255, .3);position: fixed;top: 85px;z-index: 99;width: 280px;left: auto;right: 0}
.responsive #top #header.fixed-header {height: 85px}
/*.responsive #top #main {padding-top: 85px}   */ 
.responsive  #top #atsol-line img {position: absolute;-webkit-transform: translate(-50%, -30%);-moz-transform: translate(-50%, -30%);-ms-transform: translate(-50%, -30%);transform: translate(-50%, -30%);width: 210px;}
#top #main #atsol-info-bg{height: 112vh;}
#top #atsol-purchasing {top: -1% !important;}
#top #atsol-consolidation{top: 9% !important;left: 32% !important;}
#top #atsol-transport p.rnbrk br{display: none;}
#top .at-w80{width: 85%;margin: 0 auto;z-index: 9;}
.responsive #top #main #blog-post .at-blog-post{margin-bottom: 2em!important}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
#top #header .navbar.at-navbar .navbar-collapse {background: unset;margin: unset;padding: unset;-webkit-box-shadow: unset;-moz-box-shadow: unset;box-shadow: unset;position: unset;top: unset;z-index: unset;width: unset;left: unset;right: unset}   
.responsive #top #atsol-line img {position: absolute;-webkit-transform: translate(-45%, -40%);-moz-transform: translate(-45%, -40%);-ms-transform: translate(-45%, -40%);transform: translate(-45%, -40%);width: 270px;}  
#top #main #atsol-info-bg{height: 112vh;}
#top #atsol-purchasing {top: -1% !important;}
#top #atsol-consolidation{top: 9% !important;left: 32% !important;}
#top .at-w80{width: 80%;margin: 0 auto;z-index: 9;}
}
@media only screen and (max-width:767px) {
.responsive #top #main #blog-post .at-blog-post {margin-bottom: 2em !important;}
.responsive #top .at-w80{width: 100%;margin: 0 auto;z-index: 9;}
.responsive #top .atsol-desktop-view{display: none;}
.responsive #top .atsol-mobile-view{display: block;}
.responsive #top .fs-60{font-size: 2.2rem !important;}	
.responsive #top h2.h2 {font-size: 2rem;}
.responsive #top h3.h3 {font-size: 1.7rem;}
.responsive #top .at-top.ah-words-wrapper{font-size: 2.5rem;}
.responsive #top .ah-words-wrapper, .responsive #top .at-top.ah-words-wrapper {min-width: auto;text-align: center;width: auto !important;}
.responsive #top h1.fs-27 br {display: none;}
.responsive #top h1.fs-27 {font-size: 2.2rem !important;}
.responsive #top .res-dropdown-item {display: block;}
.responsive #top .res-hide {display: none;}
#top footer#socket img.at-footer-logo {width: 100%;max-width: 300px;height: 100%;}
#top #main #our-partners .at-subscribe-box {background-size: cover !important;}
.responsive #socket .resdn.ws-70{display: none}
.responsive #top p.rnbrk br {display: none}
.responsive #top #main #timeline .container:before {background-size: auto}
.responsive #top .container {padding: 0 25px}
.responsive #top #header {height: auto;min-height: 70px;}
.responsive #top #header .navbar.at-navbar {height: 70px;padding: 2px 0 0}
.responsive #top #header .navbar.at-navbar .navbar-collapse {background: #08005b;margin: 0;padding: 20px;-webkit-box-shadow: 0 3px 13px 0px rgba(0,0,0, .3);-moz-box-shadow: 0 3px 13px 0px rgba(0,0,0, .3);box-shadow: 0 3px 13px 0px rgba(0,0,0, .3);position: fixed;top: 85px;z-index: 99;width: 280px;left: auto;right: 0}
.responsive #top #header.fixed-header {height: 70px}
.responsive #top #main #contact .buttons-flex.justify-content-start,
.responsive #top #main #top-banner .buttons-flex.justify-content-start {-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important}
.responsive #top #main .col-sm-12 {margin-bottom: 50px}    
.responsive #top #main #our-partners .at-subscribe-box .form-subscribe button.btn.btn-blue {margin: 20px}
#top .at-desktop {display: none !important;}
#top .at-mobile {display: block !important;}
#top .at-modal-countdown .countdown-timer-wrapper {display: none !important;}
}
@media only screen and (min-width:320px) and (max-width:480px) {
.responsive #top #header .navbar-brand img {width: 170px}
.responsive #top p.rnbrk br {display: none}
}