/* Mobile */
@media (max-width:767px) {

    .wrap-sitemap a{display:none;}
   /* Slider */
   .wrap-mainSlider{height:600px; }
   .wrap-mainSlider .caption{width:100%; margin:0; left:0; padding: 0 20px; bottom:140px;}

   /* Footer */
   .footer .logo{float:initial; display:inline-block;}
   .footer .share{width:100%;}
   .footer .copy{position:relative; padding:10px 0 20px 0;}

   .footer .swap-suport ul li{padding:90px 20px 0px 20px; text-align:center; height:170px;}
   .footer .swap-suport ul li:before{height:1px; width:50px; top:initial; bottom:0; left:50%; margin: 0 0 0 -25px;}
   .footer .swap-suport ul li .icon{left:50%; top:30px; margin: 0 0 0 -20px;}
   .footer .swap-suport ul li .bg{display:none;}

    /* Product home */
    .wrap-product-home{height:auto;}
    .wrap-product-home ul.products{margin-top:15px;}
    .wrap-product-home ul.products,
    .wrap-product-home ul.products li,
    .wrap-product-home ul.products li a{width:100%;}
    .wrap-product-home ul.products:last-child{float:left; margin:0; border-top:1px solid rgba(0,0,0,.07)}

    /* register home */
    .wrap-register-home{text-align:center; padding-top:160px;}
    .wrap-register-home h3{width:100%;}
    .wrap-register-home img{height:auto; width:340px; left:50%; margin-left:-170px; top:-240px; }

    .wrap-features-home{margin-top:40px;}

    /* table price :  Col 3 */
    .wrap-table-price .label-price{position:initial; width:100%; padding-bottom:20px;}
    .wrap-table-price{padding: 40px 0 50px 0}
    .pinBox-wrapper{display:none;}
    .wrap-table-price .box-price .head-price{display:none;}
    .wrap-table-price .box-price{padding-left:0}
    .wrap-table-price .box-price .item-package{width:100%; margin-bottom:20px;}
    .wrap-table-price .box-price .item-package .nav-package{display:block;}
    .wrap-table-price .box-price ul{display:none;}
    .wrap-table-price .box-price .item-package.open ul{display:block;}
    .wrap-table-price .box-price ul li{padding:0;}
    .wrap-table-price .box-price ul li.properties-title .box-item{display:none}
    .wrap-table-price .box-price ul li.properties-title .features{background:#0a57d5; padding: 10px 20px; position:initial; width:100%; display:block; }
    .wrap-table-price .box-price ul li.properties .features,
    .wrap-table-price .box-price ul li.properties .box-item{width:50%; display:table-cell!important; visibility:initial; opacity:1; }
    .wrap-table-price .box-price ul li.properties .features span{width:100%; float:left;}
    .wrap-table-price .box-price ul li.properties .features span p{width:100%; border:none;}
    .wrap-table-price .box-price ul li:last-child .box-item{border-bottom:none;}
    .wrap-table-price .box-price .item-package.last-package ul li.properties .box-item{border-right:none;}

   /* table price : Col 4 */
    .wrap-table-price.col-4 .box-price .item-package{width:100%;} 

    /* Page */
    .wrap-banner{height:500px;}
    .wrap-banner img.banner{display:none;}
    .info-content .col-item .col-left{padding-right:15px;}
    .wrap-banner .col-caption .caption{padding-top:150px; text-align:center;}
    .info-content .col-item .col-img img{max-width:100%; width:auto; display:block; margin: 0 auto 20px auto;}

    /* Outlook Page */
    .info-content.outlook .col-item .img-first{display:none;}
    .outlook-slider #sync1 .item{height:auto;}
    .outlook-slider #sync1 .item .col-img{width:100%; height:200px;}
    .outlook-slider #sync1 .item .col-caption{width:100%; float:left; padding:180px 20px 50px 20px;}
    .outlook-slider .thumb-outlook-slider{height: 200px; width:100%; top:0; margin-top:0; left:0; border-bottom:5px solid #0a57d5}
    .outlook-slider #sync2{top:initial; bottom:0; margin-top:0;}

    /* Skype */
    .info-content .col-item .col-right .more{margin-top:25px; float:left;}
    .info-content .col-item .col-right .more i{float:left; margin: 0 10px 0 0}

    /* Exchange Online */
    .info-content.exchange-online .col-item .col-left{padding-bottom:30px;}

    /* Microsoft Teams */
    .info-content.teams .col-item{display:block;}
    .info-content.teams .col-item .col-left,
    .info-content.teams .col-item .col-right{display:block; float:left;}
    .info-content.teams .col-item .col-left img{width:400px; margin: 0 auto 20px auto; display:block;}
    .info-content.teams .col-item .col-left ul{padding-bottom:15px; float:left;}
    .info-content.teams .col-item .col-left ul li img{margin:0; height:28px; width:initial;}

    /* OneDrive */
    .info-content.onedrive .col-item{display:block;}
    .info-content.onedrive .col-item .col-left,
    .info-content.onedrive .col-item .col-right{display:block; float:left;}
    .info-content.onedrive .col-item .col-left img{width:400px; margin: 0 auto 20px auto; display:block;}
    .info-content.onedrive .col-item .col-left ul{padding-bottom:15px; float:left;}
    .info-content.onedrive .col-item .col-left ul li img{margin:0; height:28px; width:initial;}


     /* Visio */
    .info-content.visio .col-item{display:block;}
    .info-content.visio .col-item .col-left,
    .info-content.visio .col-item .col-right{display:block; float:left;}
    .info-content.visio .col-item .col-left img{width:400px; margin: 0px auto 20px auto; display:block;}
    .info-content.visio .col-item .col-left ul{padding-bottom:15px; float:left;}
    .info-content.visio .col-item .col-left ul li img{margin:0; height:28px; width:initial;}

    /* Support */
    .wrap-banner.support{height:250px;}
    .wrap-banner.support .col-caption .caption{padding-top:130px;}
    .info-content.support ul.tabs{width:100%; text-align:center; }
    .info-content.support ul.tabs li{float:initial; margin: 0 2px; display:inline-block; padding: 0 10px;}

    /* Contact */
    ul.forms li .title {padding-bottom: 5px;}
    ul.forms li .title, ul.forms li .wrap-input {width: 100%; text-align: left;}
    ul.forms li .title span { position: inherit;right: 0;}
    ul.forms li.title span{width:100%;}

    /* modal Register */
     .modal-register .col-office,
     .modal-register .col-form{width:100%;}
     .modal-register .col-office img{margin-top:30px;}
     .modal-register .col-office{margin:initial; padding:0 0 30px 0; min-height:inherit;}

     .modal-register .col-form .nav-close{background:#fff;}
     .modal-register .col-form .nav-close:hover{background:#fff; color:#0a57d5;}
} 


@media (max-width:550px) {
    .wrap-features-home ul li{width:100%;}

    /* Slider */
     .wrap-mainSlider .caption{bottom:60px;}

     

     
}

   

/* Table */
@media (min-width:768px) and (max-width:991px) {
    /* Footer */
    .footer .swap-suport ul li{padding:90px 10px 0px 10px; text-align:center; height:170px;}
    .footer .swap-suport ul li .icon{left:50%; top:30px; margin: 0 0 0 -20px;}
    .footer .swap-suport ul li span{font-size:18px; padding-top:4px;}

    /* register home */
    .wrap-register-home h3{width:370px;}
    .wrap-register-home img{height:220px;}

    /* table price : Col 2 */
    .wrap-table-price.col-2{}
    .wrap-table-price.col-2 .box-price .item-package{width:50%;} 
    .wrap-table-price.col-2 .label-price{ width:250px;}
    .wrap-table-price.col-2 .box-price{ padding-left:250px;}
    .wrap-table-price.col-2 .box-price ul li.properties-title .features,
    .wrap-table-price.col-2 .box-price ul li.properties .features span p{width:250px; } 

   /* table price : Col 3 */
    .wrap-table-price.col-3 .box-price .head-price .item-package .box-item{padding:15px 15px 20px 15px;}
    .wrap-table-price.col-3 .box-price .head-price .item-package .box-item h2{font-size:15px;}
    .wrap-table-price.col-3 .label-price{ width:180px;}
    .wrap-table-price.col-3 .box-price{padding-left:180px;}
    .wrap-table-price.col-3 .box-price ul li.price h1{font-size:30px;}
    .wrap-table-price.col-3 .box-price ul li.price i{font-size:12px;}
    .wrap-table-price.col-3 .box-price ul li.properties-title .box-item, .wrap-table-price.small-business .box-price ul li.properties-title .features{font-size:13px; padding:10px;}
    .wrap-table-price.col-3 .box-price ul li.properties-title .features,
    .wrap-table-price.col-3 .box-price ul li.properties .features span p{width:180px; padding:15px 10px;}
   
    /* table price: small-business */
     .wrap-table-price.col-3.small-business .box-price ul li:nth-child(2) .box-item{height:510px;}

    /* table price : Col 4 */
    .wrap-table-price.col-4{}
    .wrap-table-price.col-4 .label-price{ width:150px;}
    .wrap-table-price.col-4 .box-price{ padding-left:150px;}
    .wrap-table-price.col-4 .box-price ul li.properties-title .features,
    .wrap-table-price.col-4 .box-price ul li.properties .features span p{width:150px; }
    .wrap-table-price.col-4 .box-price ul li.price h1{font-size:20px;}
    .wrap-table-price.col-4 .box-price ul li.price p{font-size:13px;}
    .wrap-table-price.col-4 .box-price ul li.price i{font-size:12px;}
    .wrap-table-price.col-4 .box-price ul li.price .register{font-size:12px; padding: 0 0px;}

    /* table price: enterprise */
    .wrap-table-price.col-4.enterprise .box-price ul li:nth-child(2) .box-item{height:841px;}

    /* table price: skype */
    .wrap-table-price.col-3.skype .box-price .head-price .item-package .box-item{height:150px;}
    .wrap-table-price.col-3.skype .box-price ul li:nth-child(2) .box-item{height:620px;}

    /* table price: Exchange Online */
    .wrap-table-price.col-3.exchange-online .box-price .head-price .item-package .box-item h1{font-size:27px;}
    .wrap-table-price.col-3.exchange-online .box-price ul li:nth-child(2) .box-item{height:210px;}

     /* Page */
    .wrap-banner{height:500px;}
    .wrap-banner img.banner{display:none;}
    .wrap-banner .col-caption .caption{padding-top:150px; text-align:center;}
    .info-content .col-item .col-img img{width:450px; display:block; margin: 0 auto 20px auto;}

    /* Outlook Page */
    .info-content.outlook .col-item .img-first{position:absolute; bottom:0; right:-150px; height:350px;}
    .outlook-slider #sync1 .item{height:650px;}

     /* Exchange Online */
    .info-content.exchange-online .col-item .col-left{padding-bottom:30px;}

    /* table price: SharePoint Online */
    .wrap-table-price.col-3.sharepoint-online .box-price ul li:nth-child(2) .box-item{height:245px;}

    /* table price: OneDrive */
    .wrap-table-price.col-2.onedrive .box-price ul li:nth-child(2) .box-item{height:315px;}
    .wrap-table-price.col-2.onedrive .box-price ul li:nth-child(4) .features span p,
    .wrap-table-price.col-2.onedrive .box-price ul li:nth-child(4) .box-item{height:210px;}

    /* table price: Visio */
    .wrap-table-price.col-3.visio .box-price ul li:nth-child(2) .box-item{height:190px;}

    /* Microsoft Teams */
    .info-content.teams .col-item{display:block;}
    .info-content.teams .col-item .col-left,
    .info-content.teams .col-item .col-right{display:block; float:left;}
    .info-content.teams .col-item .col-left img{width:400px; margin: 0 auto 20px auto; display:block;}
    .info-content.teams .col-item .col-left ul{padding-bottom:15px; float:left;}
    .info-content.teams .col-item .col-left ul li img{margin:0; height:28px; width:initial;}

     /* OneDrive */
     .info-content.onedrive .col-item{display:block;}
    .info-content.onedrive .col-item .col-left,
    .info-content.onedrive .col-item .col-right{display:block; float:left;}
    .info-content.onedrive .col-item .col-left img{width:400px; margin: 0 auto 20px auto; display:block;}
    .info-content.onedrive .col-item .col-left ul{padding-bottom:15px; float:left;}
    .info-content.onedrive .col-item .col-left ul li img{margin:0; height:28px; width:initial;}


    /* Visio */
    .info-content.visio .col-item{display:block;}
    .info-content.visio .col-item .col-left,
    .info-content.visio .col-item .col-right{display:block; float:left;}
    .info-content.visio .col-item .col-left img{width:400px; margin: 0px auto 20px auto; display:block;}
    .info-content.visio .col-item .col-left ul{padding-bottom:15px; float:left;}
    .info-content.visio .col-item .col-left ul li img{margin:0; height:28px; width:initial;}

    /* Support */
    .wrap-banner.support .col-caption .caption{text-align:left;}

    /* Contact */
    ul.forms li .title {padding-bottom: 5px;}
    ul.forms li .title, ul.forms li .wrap-input {width: 100%; text-align: left;}
    ul.forms li .title span { position: inherit;right: 0;}
    ul.forms li.title span{width:100%;}
}


/* Medium Desktops  */
@media (min-width:992px) and (max-width:1199px) {
    /* Product home */
    .wrap-product-home{ background:url(Office365-md.jpg) no-repeat center bottom; background-size: auto 360px;}

    /* Footer */
    .footer .swap-suport ul li{padding:90px 20px 0px 20px; text-align:center; height:170px;}
    .footer .swap-suport ul li .icon{left:50%; top:30px; margin: 0 0 0 -20px;}
    
    /* register home */
    .wrap-register-home h3{width:450px;}

    /* table price : Col 2 */
    .wrap-table-price.col-2{}
    .wrap-table-price.col-2 .box-price .item-package{width:50%;} 
    .wrap-table-price.col-2 .label-price{ width:300px;}
    .wrap-table-price.col-2 .box-price{ padding-left:300px;}
    .wrap-table-price.col-2 .box-price ul li.properties-title .features,
    .wrap-table-price.col-2 .box-price ul li.properties .features span p{width:300px; } 
    
    /* table price : Col 3 */
     .wrap-table-price.col-3 .label-price{ width:250px;}
     .wrap-table-price.col-3 .box-price{padding-left:250px;}
     .wrap-table-price.col-3 .box-price ul li.properties-title .features,
     .wrap-table-price.col-3 .box-price ul li.properties .features span p{width:250px;}

     /* table price : Col 4 */
    .wrap-table-price.col-4{}
    .wrap-table-price.col-4 .label-price{ width:200px;}
    .wrap-table-price.col-4 .box-price{ padding-left:200px;}
    .wrap-table-price.col-4 .box-price ul li.properties-title .features,
    .wrap-table-price.col-4 .box-price ul li.properties .features span p{width:200px; }
    .wrap-table-price.col-4 .box-price ul li.price h1{font-size:30px;}
    .wrap-table-price.col-4 .box-price ul li.price i{font-size:12px;}

    /* table price: small-business */
     .wrap-table-price.col-3.small-business .box-price ul li:nth-child(2) .box-item{height:375px;}


    /* table price: enterprise */
    .wrap-table-price.col-4.enterprise .box-price ul li:nth-child(2) .box-item{height:610px;}

    /* table price: skype */
    .wrap-table-price.col-3.skype .box-price .head-price .item-package .box-item{height:116px;}
    .wrap-table-price.col-3.skype .box-price ul li:nth-child(2) .box-item{height:480px;}

    /* table price: Exchange Online */
    .wrap-table-price.col-3.exchange-online .box-price .head-price .item-package .box-item h1{font-size:24px;}
    .wrap-table-price.col-3.exchange-online .box-price ul li:nth-child(2) .box-item{height:170px;}

    /* table price: SharePoint Online */
    .wrap-table-price.col-3.sharepoint-online .box-price ul li:nth-child(2) .box-item{height:190px;}

    /* table price: OneDrive */
    .wrap-table-price.col-2.onedrive .box-price ul li:nth-child(2) .box-item{height:235px;}
    .wrap-table-price.col-2.onedrive .box-price ul li:nth-child(4) .features span p,
    .wrap-table-price.col-2.onedrive .box-price ul li:nth-child(4) .box-item{height:170px;}

    /* table price: Visio */
    .wrap-table-price.col-3.visio .box-price ul li:nth-child(2) .box-item{height:150px;}

    /* Page */
    .wrap-banner{height:550px;}
    .wrap-banner img.banner{height:480px;}
    .wrap-banner .col-caption .caption{padding-top:180px;}

}
/* Large  Desktops  */
@media (min-width: 1200px) {

    /* Product home */
    .wrap-product-home{ background:url(Office365.jpg) no-repeat center bottom; background-size: auto 380px;}

    
    /* table price: small-business */
    .wrap-table-price.col-3.small-business .box-price ul li:nth-child(2) .box-item{height:365px;}
    
    /* table price : Col 2 */
    .wrap-table-price.col-2{}
    .wrap-table-price.col-2 .box-price .item-package{width:50%;} 
    .wrap-table-price.col-2 .label-price{ width:400px;}
    .wrap-table-price.col-2 .box-price{ padding-left:400px;}
    .wrap-table-price.col-2 .box-price ul li.properties-title .features,
    .wrap-table-price.col-2 .box-price ul li.properties .features span p{width:400px; }

    /* table price : Col 4 */
    .wrap-table-price.col-4{}
    .wrap-table-price.col-4 .label-price{ width:250px;}
    .wrap-table-price.col-4 .box-price{ padding-left:250px;}
    .wrap-table-price.col-4 .box-price ul li.properties-title .features,
    .wrap-table-price.col-4 .box-price ul li.properties .features span p{width:250px; }

    /* table price: enterprise */
    .wrap-table-price.col-4.enterprise .box-price ul li:nth-child(2) .box-item{height:480px;}

    /* table price: skype */
    .wrap-table-price.col-3.skype .box-price .head-price .item-package .box-item{height:116px;}
    .wrap-table-price.col-3.skype .box-price ul li:nth-child(2) .box-item{height:405px;}
    
    /* table price: Exchange Online */
    .wrap-table-price.col-3.exchange-online .box-price .head-price .item-package .box-item h1{font-size:28px;}
    .wrap-table-price.col-3.exchange-online .box-price ul li:nth-child(2) .box-item{height:150px;}

    /* table price: SharePoint Online */
    .wrap-table-price.col-3.sharepoint-online .box-price ul li:nth-child(2) .box-item{height:170px;}

    /* table price: OneDrive */
    .wrap-table-price.col-2.onedrive .box-price ul li:nth-child(2) .box-item{height:235px;}
    .wrap-table-price.col-2.onedrive .box-price ul li:nth-child(4) .features span p,
    .wrap-table-price.col-2.onedrive .box-price ul li:nth-child(4) .box-item{height:131px;}

    /* table price: Visio */
    .wrap-table-price.col-3.visio .box-price ul li:nth-child(2) .box-item{height:130px;}
}