@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 680px), (max-width : 480px), (max-width : 320px){
#nav, #navdiv, #mainnav, #header, .main, #footer, #companyfooter, #footerseperator, .container, .product, #morebenefits, #morecloud, .maincontainer, #footercontainer, #headercontainer, #navcontainer, #mainnavcontainer, #companyfootercontainer, #footerseperatorcontainer, .quotebubble, .quoter, .contactleft, .contactright, .containerleft, .containerright, .productleft, .productright, .row, .rowleft, .rowright, #map, #mapwrapper, .footercolumn, .largercontainerright, .milestonediv, .homeheader, .homeheader-left, .homeheader-right, .dashed-seperator, .logos, .blackbghome, .solutionbox, .quote, .quoter, .quotebubble-home, .quotebubble, .productspage-image, .smallcontainerleft, .largercontainerright, .iframevideo, .management-profile-div, .management-profile-div-top, .management-profile-div-bottom{ float:left; width:98%; padding:0px 1% 0px 1%;}
.iframevideo{height:240px;}
.solutionbox, .management-profile-div, .management-profile-div-top, .management-profile-div-bottom{margin:0px 0px 20px 0px;}
.blackbghome{background:none; height:auto}
#mobilogo{float:center; text-align:center; clear:both; margin:10px 0px 20px 0px;}
#mobilogo img{ float:center; clear:both; height:80px; margin:10px 0px 0px 0px;}
#navcontainer,#nav{padding:0; width:100%;}
.hideformobi, .footercolumn.first, .footercolumn.hideformobi, .smallcontainerleft{ display:none;}
.showformobi{ display:block;}
.productright img{max-width:100%;}
.quote, .quoter{ height:300px;}
.quotebubble, .quotebubble-home{width:90%; padding:10px 5% 10px 5%; height:200px;}
.quotebubble-arrow, .quotebubble-arrow-home{top:220px;}
.mobifullwidth{width:100%;}
.logos{display:none}
#milestoneul ul li{ font-size:12px;}

/* Navigation */
#navdiv{height:60px; margin:60px 0px 0px -100%; height:100%; background:#000; opacity:0.97}
#nav{height:100%;}
#nav ul ul{ display:none;}
#nav li, #nav li a{ float:left; text-align:left; width:100%; display:block; margin:5px 0px 0px 25px; font-size:14px;}
#nav li{padding:0px; margin-left:10%;}
#nav a{display:block; padding:12px 20px 15px 20px}
#nav, #nav ul, #navright{background:none;}
#nav li:hover > ul{display:none}


.menu{background:url(../images/navbg.png); position:fixed; width:100%; height:60px; line-height:60px; font-weight:bold; padding-left:15%; z-index:3000;}
.menuicon{ position:absolute; width:32px; height:24px; margin:18px 0px 0px -8%;}
.mainmenu{background:url(../images/phone-menu.png) no-repeat 5% 5px;}
.menuhome{background:url(../images/home.png) no-repeat 5% 5px;}
.menudispatch{background:url(../images/dispatch_icon.png) no-repeat 5% 5px;}
.menuproducts{background:url(../images/cloud.png) no-repeat 5% 5px;}
.menupartners{background:url(../images/icabbi_partners.png) no-repeat 5% 5px;}
.menutestimonials{background:url(../images/icabbi_testimonials.png) no-repeat 5% 5px;}
.menuabout{background:url(../images/info_about.png) no-repeat 5% 5px;}
.menunews{background:url(../images/news.png) no-repeat 5% 5px;}
.menucontact{background:url(../images/contact.png) no-repeat 5% 5px;}
.menusupport{background:url(../images/support.png) no-repeat 5% 5px;}

#map, #mapwrapper{height:400px;}
#footer, #footercontainer{height:auto;}
.footercolumn{margin:0; padding:0; display:block;}
.rowleft{width:35%;}
.rowright{width:55%;}
.absolute-bottom-right{ position:relative; bottom:0; text-align:left; width:95%; margin:40px 0px 0px 0px;}
.navclear{height:60px;}

h1, h2, h3, h4, h5, h6{}
h1{text-transform:uppercase;}
h2{font-size:28px; text-align:center}
h6, .product h6, .solutionbox h6{font-size:18px}
.blackbghome h2, .blackbghome h3, .product h2, .product h3{color:#111;}
.blackbghome h2, .product h2{font-size:28px;}
.blackbghome h3, .product h3{ font-size:22px;}
.product ul li, .solutionbox ul li{font-size:12px; font-weight:bold;}
.quoter-right p{ font-size:14px;}
#video, #videoII{ float:left; width:100%;}
#videoII{height:240px;}
.menu, .menu a{color:#fff}
}