@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------
1. Mobile
2. iPad
3. large desktop
4. Other
*/

/* 1. Mobile responsive css 767px
-----------------------------------*/
#mobile-menu{display: none;}


@media (max-width:767px) {

    body{min-width: inherit;}
    .container{width: 100%;padding-left: 15px;padding-right: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

    /*----   header   ----*/
    /* mobile menu */
    #mobile-menu, #mobile-menu .menu-trigger{display: block;}
    #mobile-menu .menu-trigger{display: block;width: 60px;height: 60px;position: absolute;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 999999;right: 0;top: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu .menu-trigger.open{left: calc(100% - 60px);}
    #mobile-menu .menu-trigger span, #mobile-menu .menu-trigger span:after, #mobile-menu .menu-trigger span:before{background: #fff;height: 2px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} 
    #mobile-menu .menu-trigger span{position: absolute;display: block;width: 24px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)}
    #mobile-menu .menu-trigger span:after, #mobile-menu .menu-trigger span:before{content: '';position: absolute;left: 0;width: 100%;}
    #mobile-menu .menu-trigger span:before{top: -6px;}
    #mobile-menu .menu-trigger span:after{bottom: -6px;}
    #mobile-menu .menu-trigger.open span{background-color: rgba(0,0,0,.0)}
    #mobile-menu .menu-trigger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: rgba(255, 255, 255, 0.85)}
    #mobile-menu .menu-trigger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background: rgba(255, 255, 255, 0.85)}
    #mobile-menu .navbar{background:rgba(29, 192, 107, 0.95);position: fixed;top: 0;width: calc(100% - 60px);height: 100%;left: -100%;box-sizing: border-box;z-index: 99999;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin-right: 40px;}
    #mobile-menu .navbar.open{left: 0;}
    #mobile-menu  ul ul{display: none;background:rgb(60, 60, 56);}
    #mobile-menu  ul ul ul{background:rgb(71, 71, 68)}
    #mobile-menu  ul ul ul ul{background:rgb(60, 60, 56)}
    #mobile-menu  li{border-bottom:1px solid rgba(255, 255, 255, 0.15);list-style: none;position: relative;display: block;margin: 0;}
    #mobile-menu  li:last-child{border-bottom-width: 0;padding-bottom: 0;}
    #mobile-menu  em{display: block;position: absolute;top: 0;right: 0;width: 30px;height: 39px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu  em:before, #mobile-menu  em:after{content: '';position: absolute;top:50%;margin-top: -1px;left: calc(50% - 8px);width: 16px;height: 2px;background: #fff;}
    #mobile-menu  em:after{transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu  em.toggled:after{transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(0);}
    #mobile-menu  em.level-two:before{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent;background-color: transparent;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);margin: 0;}
    #mobile-menu  em.level-two:after{display: none;}
    #mobile-menu  em.level-two.toggled{transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
    #mobile-menu  li a{color: #fff;padding: 10px 0px 10px 15px;display: block;/*margin-right: 30px;*/text-transform: uppercase;line-height: 20px;font-size: 15px;font-weight: 700;letter-spacing: 0.09em;}
    #mobile-menu  li li{border-color: rgb(72, 72, 69)}
    #mobile-menu  li li a{text-transform: none;padding-left: 20px;}
    #mobile-menu  li li li a{padding-left: 25px;margin-right: 0;}
    #mobile-menu  li li li li a{padding-left: 30px;margin-right: 0;}
    #mobile-menu  li a.active{color:#ECE4D8;}    
    #mobile-menu .head-menu{ background: #14a75a;}
    #mobile-menu .head-menu div{ padding: 10px 0;}
    #mobile-menu .head-menu a i{ margin-right: 10px; text-align: center; display: inline-block; vertical-align: middle; width: 20px;}
    #mobile-menu .head-menu a{ padding: 8px 15px;}
    #mobile-menu li .phone{ background-color: #fff; color: #14a75a; font-size: 24px; padding: 20px 15px; letter-spacing: 0;}		
    #mobile-menu li .phone i{ margin-right: 10px;}
    .scroll-hidden{overflow: hidden;height: 100%;}

    /*--------- home page ------------*/
    .home-carousel .owl-nav .owl-next{ margin-right: -10px; width: 50px; height: 50px;}
    .home-carousel .owl-nav .owl-prev{ margin-left: -10px; width: 50px; height: 50px;}
    .australian-support .australian-support-row{ margin: 0; display: -ms-block; display: -webkit-block;  display: block;}
    .our-customer-row{margin: 0;}
    .clients-sec ul{ margin: 0;}
    .ourpromise-sec{ display: -webkit-block; display: block;}
    .ourpromise-sec .ourpromise-cap{ padding: 20px 10px; transform: none; -moz-transform: none; -webkit-transform: none; top: 0;}
    .ourpromise-sec .ourpromise-cap .col-6{ padding-right: 0; float: none; display: block; width: 100%;}
    .ourpromise-sec .container{transform: none; -moz-transform: none; -webkit-transform: none; top: 0; position: relative; left: 0;}
    #header .brand{ width: 221px; margin-top: 20px;}
    #header .head-upper-r ul li{ margin: 0 0 0 5px;}
    #header .head-upper-r{ width: auto;}
    #nav ul li{ padding: 0 10px;}
    #header .head-lower .phone{ margin-left: 10px;}
    .item-imgblk .item-imgblk-cap .itemimg-title{ font-size: 40px;}
    .item-imgblk .item-imgblk-cap .itemimg-title1{ font-size: 24px;}
    .item-imgblk .item-imgblk-cap .input-blk input[type="email"]{ height: 48px;}
    .home-carousel .item-imgblk .item-imgblk-cap{padding: 12px; max-width: 380px; left: 50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);}
    .item-imgblk .item-imgblk-cap .input-blk input[type="submit"]{ height: 48px; padding: 0 15px; font-size: 13px; line-height: 48px;}
    .australian-support .col-3{ padding: 0 5px;}
    .australian-support h2{ font-size: 18px;}
    .australian-support .btn{ padding: 10px 20px; font-size: 14px;}
    .australian-support p{ margin: 0 15px 10px 15px;}
    .product-industry .product-industry-detail{ padding-left: 90px;}
    .product-industry .product-industry-detail .btn{padding: 10px 20px; font-size: 14px;}
    .datacenter-sec .loop.owl-carousel .datacenter-cap h4{ font-size: 18px; line-height: 24px;}
    .datacenter-sec .loop.owl-carousel .datacenter-cap .btn{ padding: 10px 12px; font-size: 14px;}    
    .ourpromise-img-cap h4:after{ left: 30px;}
    #footer .foo-upper .btn{ padding: 9px 15px;}
    #footer .contact-info span{ font-size: 30px;}
    #header:before{ display: none;}
    .australian-support h1 br{ display: none;}
    .australian-support .col-3{ width: 50%; margin-bottom: 10px;}
    #nav{ display: none;}
    #header .head-upper-r ul{ display: none;}
    #header .head-upper-r .search-btn{ margin-right: 60px;}
    #header .head-lower{ display: none;}
    #header{ border-bottom: rgba(255, 255, 255, 0.1) solid 1px;}
    #header .container{ padding-right: 0;}
    #header .head-upper{ margin-bottom: 10px;}
    #banner{ padding-top: 110px;}
    .product-industry p br{ display: none;}
    .product-industry .product-industry-row .col-4{ width: 50%;}
    .banner-colocation-blk .banner-colocation-cap span{ font-size: 24px; line-height: 30px;}
    .banner-colocation-blk .banner-colocation-cap span br{ display: none;}
    .banner-colocation-blk .banner-colocation-cap strong{ font-size: 30px;}
    .our-customer-row .col-4{ width: 100%; margin-bottom: 20px; padding: 0;}
    .ourpromise-sec .col-5.ourpromise-img, .ourpromise-sec .col-7{ width: 100%; height: auto !important;}  
    .ourpromise-sec .ourpromise-cap ul{ margin-bottom: 25px;}
    .ourpromise-sec .ourpromise-cap ul li{ font-size: 16px;}
    .ourpromise-sec .ourpromise-cap h5{ font-size: 18px; margin-bottom: 5px;}
    .ourpromise-sec .ourpromise-img .ourpromise-img-cap{ right: auto; left: 0; padding-left: 40px; max-width: 100%;}
    #footer .contact-info, #footer .col-8{ width: 100%; height: auto !important;}    
    #footer .contact-info .contact-info-cap{ top: 0; transform: none; -moz-transform: none; -webkit-transform: none; padding: 30px;}
    #footer .foo-upper{ padding: 30px 0;}
    .home-carousel .owl-nav .owl-prev:before, .home-carousel .owl-nav .owl-next:before{ font-size: 24px;}
    .loop.owl-carousel .owl-item img{ min-height: initial;}
    .discount-callout{ display: none;}
    
    #header.fixed .head-upper{ position: relative;}
    #header.fixed .head-upper-r{ display: block;}		
    #mobile-menu .menu-trigger.fixed{ position: fixed; z-index: 9999999; -webkit-animation:slide-down 0.7s;opacity:0.9; animation:slide-down 0.7s;opacity:0.9;}		
    @keyframes slide-down {
        0% { opacity: 0; transform: translateY(-100%);} 		
        100% {opacity: 0.9; transform: translateY(0);}		
    }		
    .item-imgblk .item-imgblk-cap .itemimg-title br{ display: none;}
    
    /* Blog */
    .blog-mainrow .col-9{ width: 100%;}
    .blog-mainrow .col-3{ width: 100%;}
    .blog-toprow-blk .blog-toprow-cap h3{ font-size: 18px; line-height: 24px;}
    .blog-toprow-blk .blog-toprow-cap h2{ font-size: 26px;}
    .blog-toprow .col-7 { width: 100%; margin-bottom: 10px;}
    .blog-toprow .col-5 { width: 100%;}
    .blog-row .blog-row-img{ float: none; display: block; margin-bottom: 10px;}  
    .blog-row .blog-row-img img{ width: 100%; display: block;}
    .blog-row .blog-row-detail{ margin-left: 0;}
    #pagination li{ margin: 5px 2px;}
    #pagination li a, #pagination li span{ font-size: 14px; width: 42px; height: 42px; line-height: 40px;}
    
    /* Blog Detail */
    .blog-detail .share-btns{text-align: center;}
    .blog-detail .share-btns .share-btn-l{ width: 100%; margin-bottom: 5px;}
    .blog-detail .share-btns .share-btn-r{ width: 100%;}
    .seemore-blk .seemore-blkrow .col-4{ width: 100%;}
    .blog-detail hgroup h2{ font-size: 24px;}
    .blog-detail hgroup{ min-height: 91px;}
    .blog-detail hgroup .blog-date{ padding-top: 20px !important; height: 91px !important;}
    .banner-heading #breadcrumbs{ width: 100%; text-align: left; margin-top: 10px;}
    .banner-heading #breadcrumbs li:first-child{ padding-left: 0;}
    .banner-heading h1{ display: block;}
    #breadcrumbs li{ padding: 0 20px 0 0; margin: 5px 0;}
    
    /* Contact */
    .location-sec .location-tabs{ display: none;}
    .location-tab_container h3{ display: block; margin: 0; padding: 0; background: #f5f6f6; padding: 20px; font-size: 18px; border-bottom: #dcdcdc solid 1px; cursor: pointer;}
    .location-tab_container h3.d_active{ background: #1dc06b; color: #fff;}
    #map-canvas, #map-canvas1, #map-canvas2, #map-canvas3, #map{ height: 325px;}
    .form-row .contact-tabs .col-4{ padding: 0 10px;}
    .form-row .contact-tabs .contact-tab{ padding: 15px 10px;}
    .thanks-row { padding: 30px 0;}
    .thanks-row h2{ font-size: 24px;}
    .seemore-blk.column-4 .seemore-blkrow .col-3{ width: 100%; margin: 20px 0;}
    
    /* Faq */    
    .faq-sec .col-9{ width: 100%;}
    .faq-sec .col-3{ width: 100%; margin-bottom: 30px;}
    .faq-sec .faq-list li a{ font-size: 15px; padding: 18px 20px 18px 0;}
    .faq-sec{ padding-top: 50px; padding-bottom: 50px;}
    .faq-sec .faqdetail-list li span.expanded{ line-height: normal;}
    .faq-sec .faqdetail-list li:after{ width: 60%;}
    
    /* DEDICATED SERVERS */
    .ds-row .ds-rowblk .ds-rowblk-l{ width: 100%;}
    .ds-row .ds-rowblk .ds-rowblk-r{ width: 100%;}
    .bannerblk-2 .bannerblk-2l{ width: 100%; margin-bottom: 20px;}
    .bannerblk-2 .bannerblk-2r{ width: 100%;}    
    .column-2 .column2-cap{ padding-left: 220px; padding-right: 25px;}
    .column-2 .col-6 + .col-6 .column2-cap{ padding-left: 40px;}
    .column-2 .column2-btns .btn{ padding: 17px; margin: 0 0 10px;}
    .ds-packages .ds-packages-row .col-3{ width: 50%; padding: 0 10px;}
    .column-2 .col-6{ width: 100%;}
    .column-2:after{ display: none;}
    .column-2 .container{ padding: 0;}
    .download-banner .download-banner-cap{ padding-left: 105px; width: 92%;}
    .download-banner .download-banner-cap strong{ font-size: 22px; line-height: 26px;}
    .ds-packages-row .ds-packages-blk .ds-package-title{ height: 82px; font-size: 22px;}
    .ds-packages-row .ds-packages-blk .ds-package-custome{ padding: 100px 10px;}
    .ds-packages-row .ds-packages-blk .ds-package-custome strong{ font-size: 20px; line-height: 28px;}
    .addons-sec ul li{ width: 50%;}
    
    /* GAMING */
    .gaming-row h2 br{ display: none;}
    .gaming-sec .banner-order .banner-order-cap span{ font-size: 24px; text-align: center; line-height: normal; margin: 10px 0;}
    .serverfull-sec.serverfull-white ul li span{ padding-left: 70px; padding-right: 30px;}
    .perfect-for ul li .service-blk .service-blk-cap{ padding: 0;}
    .perfect-for ul li .service-blk .service-blk-cap img{ left: 20px;}
    .perfect-for ul li .service-blk .service-blk-cap strong{ padding-right: 10px;}
    .column-5 .column-5-blk{ padding: 0 5px; width: 100%; margin: 5px 0;}
    .column-5-blk .column-5blk-cap{ padding: 20px 10px;}
    .banner-order .banner-order-img{ min-height: 250px;}
    .serverfull-sec ul li{ width: 50%;}
    .perfect-for ul li{ width: 100%; margin-bottom: 15px;}
    
    /* RESELLERS */
    .reslers-dowsec .reslers-dowsec-l{ width: 100%; margin-bottom: 20px;}
    .reslers-dowsec .reslers-dowsec-r{ width: 100%;}
    .serverfull-sec ul li span{ padding-right: 10px;}
    .our-promise .our-promise-row{ margin: 0 -5px;}
    .our-promise .our-promise-row .col-3{ padding: 0 5px; display: block; width: 100%;}    
    .our-promise .our-promise-row .our-promise-blk{ padding: 45px 20px;}
    .partner-portal .partner-portal-r{ width: 100%;}
    .bannerblk-2 .bannerblk-2l .bannerblk-ba-img, .bannerblk-2 .bannerblk-2r .bannerblk-ba-img{ min-height: 250px;}
    .our-promise .our-promise-row .col-3.single-item .promise-blk-cap{ width: 50%; }
    .our-promise .our-promise-row .our-promise-blk{ width: 100%; display: block; margin: 20px 0;}
    .our-promise .our-promise-row .our-promise-blk + .our-promise-blk{ margin-top: 30px;}
    .partner-portal .partner-portal-l{ width: 100%; margin-bottom: 20px;}
    .partner-portal .partner-portal-l .monitor-img img{ max-width: 100%; display: block;}
    .partner-portal .partner-portal-l .monitor-img{ margin: 0;}
    .partner-portal{ margin: 0; padding: 30px 0; text-align: center;}
    .partner-portal .partner-portal-r h5:after{ left: 0; right: 0; margin: 10px auto;}
    .reseller-referral .container{ max-width: 570px; width: 100%;}
    .reseller-referral .reseller-row, .reseller-referral .referral-row{ padding: 30px 20px;}
    
    /* CLOUD HOSTING */
    .hosting-row .hosting-row-l{ width: 100%; margin-bottom: 20px;}
    .hosting-row .hosting-row-r{ width: 100%;}
    .hosting-packages{ margin: 0 -10px 58px -10px;}
    .hosting-packages .col-3{ padding: 0 10px; width: 100%; margin: 10px 0;}
    .hosting-row{ padding: 30px 0;}
    .hosting-packages .hosting-packages-blk{ padding: 40px 0;}
    .hosting-packages .hosting-packages-blk .hosting-packages-title strong{ font-size: 40px;}
    .hosting-packages .hosting-packages-blk .hosting-packages-title span{ font-size: 18px;}
    .hosting-packages .hosting-packages-blk .btn{ padding: 16px 30px;}
    .benefits-cloud ul li{ padding: 0 15px; width: 50%;}
    .benefits-cloud{ padding: 45px 0;}
    .benefits-cloud ul li strong{ font-size: 18px;}
    .benefits-cloud h3{ font-size: 24px; line-height: normal;}
    .cloud-graph .col-4{ width: 100%; margin-bottom: 20px;}
    .cloud-graph .cloud-graphimg{ text-align: center;}
    .cloud-graph .cloud-graphimg img{ display: inline-block; vertical-align: top;}    
    .hosting-sec .our-customers-main{ padding: 0;}
    
    /* MANAGED SOLUTIONS */
    .solution-servers .solution-server-blk ul{ margin: 10px;}
    .solution-servers .col-4{ padding: 10px 0; width: 100%;}
    .diagram ul{ margin: 190px 0 30px;}
    .diagram ul li{ padding: 0 2%; width: 30%;}
    .solution-servers .solution-server-blk .btn{ margin: 10px;}
    .diagram .diagram-drass{ height: 85%; width: 85%;}
    .diagram .diagram-laas{ height: 70%; width: 70%;}
    .diagram{ padding: 25px 0;}
    .diagram .diagram-pass span, .diagram .diagram-drass span, .diagram .diagram-laas span{ padding: 15px 0;}
    .diagram .diagram-pass, .diagram .diagram-drass, .diagram .diagram-laas{ font-size: 20px;}
    .cloud-services .cloud-service-row .cloud-service-icon{ float: none;}
    .cloud-services .cloud-service-row .cloud-service-detail{ margin: 0; text-align: center;}
    .cloud-service-row .cloud-service-detail h5:after{ margin: 10px auto; left: 0; right: 0;}
    .cloud-services .cloud-services-title h4{ font-size: 24px;}
    .cloud-services .cloud-services-title span{ padding: 0 10px;}
    .cloud-services .cloud-services-title span i{ margin-left: 10px; width: 45px; height: 45px; line-height: 45px; font-size: 18px;}
    .cloud-services .cloud-service-row{ padding: 25px 0;}
    .cloud-service-row .cloud-service-detail .btn{ font-size: 14px;}
    .solution-sec .solution-row h2{ font-size: 24px; margin-bottom: 20px;}
    .solution-servers .solution-server-blk .solution-server-title{ height: auto;}
    .solution-servers .solution-server-blk .solution-server-title h3{ padding: 10px 20px; font-size: 16px;}
    .cloud-services .cloud-services-title{ padding: 30px;}
    
    /* COLOCATION */
    .our-guarantee .our-guarantee-l{ width: 100%; float: none; margin-bottom: 40px;}
    .our-guarantee .our-guarantee-r{ margin-left: 0;}
    .our-guarantee .our-guarantee-l ul li a{ padding: 18px 0; font-size: 14px;}
    .sydney-row .sydney-blk .sydney-blk-r .btn{ padding: 16px; font-size: 13px;}
    .sydney-row .sydney-blk .sydney-blk-l{ float: none;}
    .sydney-row .sydney-blk .sydney-blk-r{ margin: 20px 0 0 0;}
    .our-guarantee .our-guarantee-l ul li:hover a, .our-guarantee .our-guarantee-l ul li.current a{ border-width: 5px;}
    
    /* COMPANY */
     .certification-carousel .item{ padding: 30px;}
    .certification-carousel .owl-nav .owl-next, .partners-carousel .owl-nav .owl-next{ margin-right: 0;}
    .certification-carousel .owl-nav .owl-prev, .partners-carousel .owl-nav .owl-prev{ margin-left: 0;}
    .company-row .col-5, .company-row .col-7{ width: 100%;}
    .company-sec .company-row{ padding: 40px 20px 0 20px;}
    .company-row .col-7{ margin-top: 20px;}
    .owl-carousel.partners-carousel .owl-item img{ display: inline-block; vertical-align: top;}
    .certification-team ul{ margin: 20px 0;}
    .company-sec .ourpromise-sec{ margin: 20px 0;}
    .bannerblk-full .bannerblk-full-cap strong{ font-size: 24px; line-height: 30px;}
    
    /* DRAAS */    
    .laas-specialists .laas-specialist-blk .btn{ font-size: 14px;}
    .draas-sec .benefits-cloud ul li{ width: 50%;}
    .laas-specialists .laas-specialist-blk{ padding: 0 10px;}
    .laas-specialists .col-4{ width: 100%; margin: 20px 0;}
    .laas-specialists{ padding-top: 30px; padding-bottom: 30px;}
    
    /* PAAS */
    .advantages-key .advantages-key-r{ margin-top: 20px; margin-left: 0;}
    .about-paas .about-paas-cap{ width: 100%; text-align: center;}
    .advantages-key .advantages-key-l{ width: 100%; float: none;}
    .about-paas .about-paas-image{ min-height: 370px;}
    .about-paas .about-paas-cap .about-paas-icon{ float: none; display: inline-block; vertical-align: top; max-width: 80px;}
    .about-paas .about-paas-cap .paas-cap-detail{ margin: 30px 0 0;}
    .about-paas .about-paas-cap .paas-cap-detail h4:after{ left: 0; right: 0; margin: 0 auto;}
    .about-paas .about-paas-cap .paas-cap-detail h4{ font-size: 30px;}
    
    /* 404 */
    .error-page{ background-size: cover;}
    .error-page .errorpage-blk{ padding: 60px 0;}
    .error-page .errorpage-blk h2{ font-size: 156px;}
    .error-page .errorpage-blk p{ font-size: 16px; margin-bottom: 30px;}
    .error-page .errorpage-blk .btns a{ font-size: 14px; min-width: inherit;}

.author-bio img {width: 20%; height: auto;}
.blog-detail h3 {font-size: 20px;}
.author-bio  .author-info{margin-left: 0; padding-left: 2%;}
.author-bio  .author-info h3{margin-top: 0;}

}

/* 2. iPad responsive css 768px to 1024px
-----------------------------------------*/
@media (min-width:768px) and (max-width:1024px) {

    /* default  */
    body{min-width: inherit;}
    .container{width: 100%;padding-left: 13px;padding-right: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    
    .home-carousel .owl-nav .owl-next{ margin-right: 0;}
    .home-carousel .owl-nav .owl-prev{ margin-left: 0;}
    .australian-support .australian-support-row{ margin: 0;}
    .our-customer-row{margin: 0;}
    .clients-sec ul{ margin: 0;}
    .ourpromise-sec .ourpromise-cap{ padding: 0 20px;}
    .ourpromise-sec .ourpromise-cap .col-6{ padding-right: 2%; float: none; display: inline-block; vertical-align: top; width: 49%; margin: 10px 0;}
    .ourpromise-sec .ourpromise-cap ul li{ font-size: 16px;}
    .ourpromise-sec .ourpromise-cap ul{ margin-bottom: 10px;}
    #header .brand{ width: 221px;}
    #header .head-upper-r ul li{ margin: 0 0 0 5px;}
    #header .head-upper-r{ width: 475px;}
    #nav ul li{ padding: 0 10px;}
    #header .head-lower .phone{ margin-left: 10px;}
    .item-imgblk .item-imgblk-cap .itemimg-title{ font-size: 40px;}
    .item-imgblk .item-imgblk-cap .itemimg-title1{ font-size: 24px;}
    .item-imgblk .item-imgblk-cap .input-blk input[type="email"]{ height: 48px;}
    .home-carousel .item-imgblk .item-imgblk-cap{padding: 12px;}
    .item-imgblk .item-imgblk-cap .input-blk input[type="submit"]{ height: 48px; padding: 0 10px; font-size: 11px; line-height: 48px;}
    .australian-support .col-3{ padding: 0 5px;}
    .australian-support h2{ font-size: 18px;}
    .australian-support .btn{ padding: 10px 20px; font-size: 14px;}
    .australian-support p{ margin: 0 15px 10px 15px;}
    .product-industry .product-industry-detail{ padding-left: 90px;}
    .product-industry .product-industry-detail .btn{padding: 10px 20px; font-size: 14px;}
    .datacenter-sec .loop.owl-carousel .datacenter-cap h4{ font-size: 18px; line-height: 24px;}
    .datacenter-sec .loop.owl-carousel .datacenter-cap .btn{ padding: 10px 12px; font-size: 14px;}    
    .ourpromise-img-cap h4:after{ left: 30px;}
    #footer .foo-upper .btn{ padding: 9px 15px;}
    #footer .contact-info span{ font-size: 30px;}
    .loop.owl-carousel .owl-item img{ min-height: initial;}
    #header .head-upper-r ul li:first-child{ margin-right: 5px;}
    .ourpromise-sec .col-7{ width: 62.333333%;}
    
    /* Blog */
    .blog-mainrow .col-9{ width: 100%;}
    .blog-mainrow .col-3{ width: 100%;}
    .blog-toprow-blk .blog-toprow-cap h3{ font-size: 18px; line-height: 24px;}
    .blog-toprow-blk .blog-toprow-cap h2{ font-size: 26px;}
    .blog-toprow .col-7 { width: 59.55555555%;}
    .blog-toprow .col-5 { width: 40.44444444%;}
    
    /* Contact */
    .location-sec .location-tabs li{ max-width: 240px; padding: 25px 15px;}
    .location-sec .location-tabs li .location-tab-text{ margin-left: 55px;}
    .our-customer-row .col-4{ padding: 0 15px;}
    .our-customer-row .our-customer-box{ padding: 15px;}
    .seemore-blk.column-4 .seemore-blkrow .col-3{ padding-left: 5px; padding-right: 5px;}
    
    /* Faq */    
    .faq-sec .col-9{ width: 72%;}
    .faq-sec .col-3{ width: 25%;}
    .faq-sec .faq-list li a{ font-size: 15px; padding: 18px 20px 18px 0;}
    .faq-sec{ padding-top: 50px; padding-bottom: 50px;}
    
    /* DEDICATED SERVERS */
    .ds-row .ds-rowblk .ds-rowblk-l{ width: 100%;}
    .ds-row .ds-rowblk .ds-rowblk-r{ width: 100%;}
    .bannerblk-2 .bannerblk-2l{ width: 100%; margin-bottom: 20px;}
    .bannerblk-2 .bannerblk-2r{ width: 100%;}    
    .column-2 .column2-cap{ padding-left: 220px; padding-right: 25px;}
    .column-2 .col-6 + .col-6 .column2-cap{ padding-left: 40px;}
    .column-2 .column2-btns .btn{ padding: 17px;}
    .ds-packages .ds-packages-row .col-3{ width: 50%; padding: 0 10px;}
    .column-2 .col-6{ width: 100%;}
    .column-2:after{ display: none;}
    .column-2 .container{ padding: 0;}
    
    /* GAMING */
    .gaming-row h2 br{ display: none;}
    .gaming-sec .banner-order .banner-order-cap span{ font-size: 26px;}
    .serverfull-sec.serverfull-white ul li span{ padding-left: 70px; padding-right: 30px;}
    .perfect-for ul li .service-blk .service-blk-cap{ padding: 0;}
    .perfect-for ul li .service-blk .service-blk-cap img{ left: 20px;}
    .perfect-for ul li .service-blk .service-blk-cap strong{ padding-right: 10px;}
    .column-5 .column-5-blk{ padding: 0 5px;}
    .column-5-blk .column-5blk-cap{ padding: 20px 10px;}
    
    /* RESELLERS */
    .reslers-dowsec .reslers-dowsec-l{ width: 100%; margin-bottom: 20px;}
    .reslers-dowsec .reslers-dowsec-r{ width: 100%;}
    .serverfull-sec ul li span{ padding-right: 10px;}
    .our-promise .our-promise-row{ margin: 0 -5px;}
    .our-promise .our-promise-row .col-3{ padding: 0 5px; display: block; width: 100%;}    
    .our-promise .our-promise-row .our-promise-blk{ padding: 45px 20px;}
    .partner-portal .partner-portal-r{ width: 40%;}
    .bannerblk-2 .bannerblk-2l .bannerblk-ba-img, .bannerblk-2 .bannerblk-2r .bannerblk-ba-img{ min-height: 250px;}
    .our-promise .our-promise-row .col-3.single-item .promise-blk-cap{ width: 50%;}
    .our-promise .our-promise-row .our-promise-blk{ width: 49%; display: inline-block; vertical-align: top; margin: 20px 0;}
    .partner-portal .partner-portal-l{ width: 59%;}
    .partner-portal .partner-portal-l .monitor-img img{ max-width: 100%; display: block;}
    .partner-portal .partner-portal-l .monitor-img{ margin: 0;}
    
    /* CLOUD HOSTING */
    .hosting-row .hosting-row-l{ width: 100%; margin-bottom: 20px;}
    .hosting-row .hosting-row-r{ width: 100%;}
    .hosting-packages{ margin: 0 -10px 58px -10px;}
    .hosting-packages .col-3{ padding: 0 10px;}
    .hosting-row{ padding: 30px 0;}
    .hosting-packages .hosting-packages-blk{ padding: 40px 0;}
    .hosting-packages .hosting-packages-blk .hosting-packages-title strong{ font-size: 40px;}
    .hosting-packages .hosting-packages-blk .hosting-packages-title span{ font-size: 18px;}
    .hosting-packages .hosting-packages-blk .btn{ padding: 16px 30px;}
    .benefits-cloud ul li{ padding: 0 15px;}
    .benefits-cloud{ padding: 45px 0;}
    .benefits-cloud ul li strong{ font-size: 18px;}
    
    /* MANAGED SOLUTIONS */
    .solution-servers .solution-server-blk ul{ margin: 10px;}
    .solution-servers .col-4{ padding: 0 10px;}
    .diagram ul{ margin: 190px 0 30px;}
    .diagram ul li{ padding: 0 1%;}
    
    /* COLOCATION */
    .our-guarantee .our-guarantee-l{ width: 260px;}
    .our-guarantee .our-guarantee-r{ margin-left: 300px;}
    .our-guarantee .our-guarantee-l ul li a{ padding: 24px 0; font-size: 15px;}
    .sydney-row .sydney-blk .sydney-blk-r .btn{ padding: 16px 30px;}
    
    /* COMPANY */
    .certification-carousel .item{ padding: 30px;}
    .certification-carousel .owl-nav .owl-next, .partners-carousel .owl-nav .owl-next{ margin-right: 0;}
    .certification-carousel .owl-nav .owl-prev, .partners-carousel .owl-nav .owl-prev{ margin-left: 0;}
    .company-row .col-5, .company-row .col-7{ width: 100%;}
    .company-sec .company-row{ padding: 40px 20px 0 20px;}
    .company-row .col-7{ margin-top: 20px;}
    
    /* DRAAS */
    .laas-specialists .laas-specialist-blk .btn{ font-size: 10px;}
    .draas-sec .benefits-cloud ul li{ width: 33%;}
    .laas-specialists .laas-specialist-blk{ padding: 0 10px;}
    
    /* PAAS */
    .advantages-key .advantages-key-r{ margin-top: 20px; margin-left: 345px;}
    .about-paas .about-paas-cap{ width: 70%;}
    .advantages-key .advantages-key-l{ width: 320px;}
    
    
    
}

/* 3. large desktop responsive css 1025px to 1200px
----------------------------------------------------*/
@media (min-width:1025px) and (max-width:1169px) {	

    /* default  */
    body{min-width: inherit;}
    .container{width: 100%;padding-left: 13px;padding-right: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    
    /* Home */
    .home-carousel .owl-nav .owl-next{ margin-right: 0;}
    .home-carousel .owl-nav .owl-prev{ margin-left: 0;}
    .our-customer-row{margin: 0;}
    .clients-sec ul{ margin: 0;}
    .ourpromise-sec .ourpromise-cap{ padding: 0 20px;}
    .ourpromise-sec .ourpromise-cap .col-6{ padding-right: 2%; float: none; display: inline-block; vertical-align: top; width: 49%;}
    .loop.owl-carousel .owl-item img{ min-height: initial;}
    .ourpromise-sec .col-7{ width: 62.333333%;}
    
    /* Blog */
    .blog-mainrow .col-9{ width: 73%;}
    .blog-mainrow .col-3{ width: 25%;}
    ul.newest-tabs li{ padding: 0px 25px;}
    
    /* Faq */    
    .faq-sec .col-9{ width: 72%;}
    .faq-sec .col-3{ width: 25%;}
    
    /* DEDICATED SERVERS */
    .ds-row .ds-rowblk .ds-rowblk-l{ width: 49%;}
    .ds-row .ds-rowblk .ds-rowblk-r{ width: 50%;}
    .bannerblk-2 .bannerblk-2l{ width: 49%;}
    .bannerblk-2 .bannerblk-2r{ width: 49%;}
    .datacenter-sec .loop.owl-carousel .datacenter-cap h4{ font-size: 18px;}
    .column-2 .column2-cap{ padding-left: 220px; padding-right: 25px;}
    .column-2 .col-6 + .col-6 .column2-cap{ padding-left: 40px;}
    .column-2 .column2-btns .btn{ padding: 17px;}
    
    /* RESELLERS */
    .reslers-dowsec .reslers-dowsec-l{ width: 49%;}
    .reslers-dowsec .reslers-dowsec-r{ width: 50%;}
    .serverfull-sec ul li span{ padding-right: 10px;}
    .our-promise .our-promise-row{ margin: 0 -5px;}
    .our-promise .our-promise-row .col-3{ padding: 0 5px;}
    .our-promise .our-promise-row .our-promise-blk{ padding: 45px 20px;}
    .partner-portal .partner-portal-r{ width: 30%;}
    .bannerblk-2 .bannerblk-2l .bannerblk-ba-img, .bannerblk-2 .bannerblk-2r .bannerblk-ba-img{ min-height: 250px;}
    
    /* CLOUD HOSTING */
    .hosting-row .hosting-row-l{ width: 49%;}
    .hosting-row .hosting-row-r{ width: 50%;}
    .hosting-packages{ margin: 0 -10px 58px -10px;}
    .hosting-packages .col-3{ padding: 0 10px;}
    
    /* MANAGED SOLUTIONS */
    .solution-servers .solution-server-blk ul{ margin: 20px;}
    
    /* COMPANY */
    .certification-carousel .item{ padding: 30px;}
    .certification-carousel .owl-nav .owl-next, .partners-carousel .owl-nav .owl-next{ margin-right: 0;}
    .certification-carousel .owl-nav .owl-prev, .partners-carousel .owl-nav .owl-prev{ margin-left: 0;}
    
    /* DRAAS */
    .laas-specialists .laas-specialist-blk .btn{ font-size: 14px;}
    
    /* PAAS */
    .advantages-key .advantages-key-r{ margin-top: 40px;}

    .author-bio .author-info {width:82%;}
    
}

/* 4. Other media-query
------------------------------------------------*/
@media (max-width:480px){
    
    /* Home */
    #header .brand{ width: 161px;}
    #header .head-upper-r .search-btn{ margin-right: 54px; width: 54px; height: 54px;}
    #mobile-menu .menu-trigger{ width: 54px; height: 54px;}
    .home-carousel .item-imgblk .item-imgblk-cap{ max-width: 260px;}
    .home-carousel .item-imgblk{ margin: 0 10px;}
    .item-imgblk .item-imgblk-cap .itemimg-title{ font-size: 30px; margin-bottom: 15px;}
    .item-imgblk .item-imgblk-cap .itemimg-title1{ font-size: 20px;}
    .australian-support h1{ line-height: normal; font-size: 24px;}
    .australian-support .col-3{ width: 100%; padding: 0;}
    .product-industry .product-industry-row .col-4{ width: 100%; margin-bottom: 50px;}
    .product-industry .product-industry-detail h6{ margin-bottom: 5px;}
    .askabout-sec h4{ font-size: 24px;}
    .askabout-sec .phone{ width: 220px; height: 57px; font-size: 20px; padding: 15px 0; margin: 0;}
    .banner-colocation-blk .banner-colocation-cap span{ font-size: 20px; line-height: normal;}
    .banner-colocation-blk .banner-colocation-cap strong{ font-size: 20px;}
    .our-customer-row .our-customer-box{ padding: 20px;}
    .ourpromise-img-cap h4{ font-size: 30px; line-height: normal;}
    .ourpromise-img-cap .btn{ font-size: 16px;}
    .ourpromise-sec .ourpromise-cap ul li{ font-size: 14px;}
    #footer .foo-upper .col-3{ width: 100%; margin-bottom: 20px;}
    #footer .foo-lower .col-4{ width: 100%; margin-bottom: 20px;}
    #footer .foo-lower{ padding: 30px 0;}
    #footer .copyright p{ line-height: normal;}
    .tabs {display: none;}
	.tab_drawer_heading {background-color: #ccc; color: #fff; border-top: 1px solid #333; margin: 0; padding: 5px 20px; display: none; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
	.d_active {	background-color: #666;	color: #fff;}
    
    /* Blog */
    ul.newest-tabs li{ width: 50%; text-align: center;}
    .blog-detail hgroup h2{ font-size: 20px;     padding-left: 85px;}
    .blog-mainrow .blog-row .blog-date span{ font-size: 30px;}
    .blog-mainrow .blog-row .blog-date{ width: 66px;}
    
    /* Contact */
    .form-row .contact-tabs{display: -webkit-flex; display: -moz-block; display: -ms-block; display: -o-block; display: block;}
    .form-row .contact-tabs .col-4{ width: 100%; margin-bottom: 20px;}
    
     /* DEDICATED SERVERS */
    .ds-rowblk .ds-rowblk-l ul li{ font-size: 18px; padding-left: 20px;}
    .download-banner .download-banner-img{ min-height: 250px;}
    .download-banner .download-banner-cap{ padding: 0; background: none; text-align: center;}
    .download-banner .download-banner-cap i{ display: none;}
    .ds-packages .ds-packages-row .col-3{ width: 100%; padding: 0;}
    .ds-packages .ds-packages-row{ margin: 0;}
    .ds-packages-row .ds-packages-blk .ds-package-custome{ padding: 40px 10px;}
    .banner-order .banner-order-img{ min-height: 250px;}
    .banner-order .banner-order-cap span{ font-size: 22px; line-height: 26px; margin-bottom: 10px;}
    .addons-sec ul li{ width: 100%;}
    .column-2 .column2-cap{ padding: 20px;}
    .column-2 .column2-cap .column2-priceimg{ position: relative; top: 0; transform: none; -moz-transform: none; -webkit-transform: none; width: 100%; margin-bottom: 20px;}
    .column-2 .col-6{ padding: 60px 0;}
    .column-2 .column2-cap h4{ font-size: 24px; line-height: 30px;}
    .column-2 .col-6 + .col-6 .column2-cap{ padding: 20px;}
    .bannerblk-2 .bannerblk-2l .bannerblk-ba-img, .bannerblk-2 .bannerblk-2r .bannerblk-ba-img{ min-height: 250px;}
    .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap.aligncenter strong, .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap.alignleft strong{ font-size: 22px; line-height: 26px;}
    .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{ padding: 0; width: 92%;}
    .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap i{ display: none; } 
    .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap, .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{ padding: 0; width: 92%; text-align: center;}
    
     /* GAMING */
    .gaming-sec .banner-order .banner-order-cap span{ font-size: 20px; padding: 0 10px;}
    .serverfull-sec.serverfull-white ul li{ width: 100%; padding: 20px 0; border-top: #efefef solid 1px;}
    .serverfull-sec.serverfull-white ul li:first-child{ border: none;}
    .serverfull-white{ text-align: center;}
    .serverfull-sec.serverfull-white ul li img{ position: static; transform: none; -moz-transform: none; -webkit-transform: none;}
    .serverfull-sec.serverfull-white ul li span{ padding: 10px 0;}
    .gaming-sec .reseller-referral .reseller-row{ padding: 22px 20px;}
    .reseller-referral p br{ display: none;}
    .gaming-row .btn{ font-size: 14px; padding: 15px 20px;}
    .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap .bannerblk-ba-email{ font-size: 16px;}
    .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap strong, .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap strong{ font-size: 24px; line-height: 30px;}
    
    /* RESELLERS */
    .serverfull-sec{ text-align: center; padding: 20px 0;}
    .serverfull-sec ul li{ width: 100%; padding: 20px 0; border-top: #2c82cc solid 1px;}
    .serverfull-sec ul li:first-child{border: none;}
    .serverfull-sec ul li img{position: static; transform: none; -moz-transform: none; -webkit-transform: none;}
    .serverfull-sec ul li span{ padding: 0;}
    .reslers-dowsec-r .down-resleres .down-resleres-cap{ padding: 0; width: 92%; text-align: center;}
    .reslers-dowsec-r .down-resleres .down-resleres-cap i{ display: none;}
    .reslers-dowsec-r .down-resleres .down-resleres-img{ min-height: 250px;}
    .reslers-dowsec-r .down-resleres .down-resleres-cap strong{font-size: 22px; line-height: 26px;}
    
    /* CLOUD HOSTING */
    .benefits-cloud ul li{ width: 100%;}
    .hosting-sec .bannerblk-2 .bannerblk-2l .bannerblk-ba-cap{padding: 0;}
    .hosting-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{padding: 0;}
    
    /* MANAGED SOLUTIONS */
    .diagram ul{ margin: 190px 0 150px;}
    .diagram ul li{ width: 100%; padding: 10px 30px;}
    .cloud-services .cloud-services-title span{ display: block; padding: 5px 0;}
    .cloud-service-row .cloud-service-detail .btn{ font-size: 12px; padding: 15px 20px;}
    .diagram .diagram-drass{ height: 90%; width: 92%; right: 4%;}
    .diagram .diagram-laas{ height: 80%; width: 80%; right: 10%;}
    .cloud-services .cloud-services-title{ padding: 20px;}
    
    /* COLOCATION */
    .colocation-sec .download-banner .download-banner-cap{ padding: 0;}
    .sydney-row{ margin: 0;}
    .sydney-row .sydney-blk .sydney-blk-r .btn{white-space: normal;}
    .sydney-row .sydney-blk{ padding: 20px 0;}
    
    /* DRAAS */    
    .draas-sec .download-banner .download-banner-cap, .draas-sec .bannerblk-2 .bannerblk-2r .bannerblk-ba-cap{ padding: 0;}
    .draas-sec .benefits-cloud ul li{ width: 100%;}
    .laas-specialists .laas-specialist-blk .btn{ white-space: normal;}
    .laas-sec .download-banner .download-banner-cap{ padding: 0;}
    
    /* PAAS */
    .pass-row .btn{white-space: normal;}
    .about-paas .about-paas-cap .paas-cap-detail p{ font-size: 14px; line-height: 24px;}
    .about-paas .about-paas-cap .paas-cap-detail h4{ font-size: 24px;}
    .about-paas .about-paas-cap .about-paas-icon{ max-width: 60px;}
    .about-paas .about-paas-cap .paas-cap-detail{ margin: 15px 0 0;}
    
    /* 404 */
    .error-page .errorpage-blk h2{ font-size: 106px; line-height: 1;}
    .error-page .errorpage-blk p{ font-size: 14px; margin-bottom: 10px;}
    .error-page .errorpage-blk .btns a{font-size: 14px; min-width: inherit; display: block; margin: 10px 0;}

}

/* 5. large desktop responsive css 1170px to 1300px */

@media (min-width:1171px) and (max-width:1300px) {
    
    .ourpromise-sec .col-7{ width: 61.333333%;}
    .certification-carousel .owl-nav .owl-next, .partners-carousel .owl-nav .owl-next{ margin-right: 0;}
    .certification-carousel .owl-nav .owl-prev, .partners-carousel .owl-nav .owl-prev{ margin-left: 0;}
}


@media (max-width:991px)  {

    .author-bio .author-info {width:80%;}
}