/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 768px)  {
    #tabInnerheader{display:none;}
    .column2 {width:100% !important;}
    .column3 {width:100% !important;}
    .ui-sortable{width:100% !important;}
    .bcHome {display:none !important;}
    .bcLev2 {display:none !important;}
    .bcEnd {display:none !important;}
    #leftcolumn,#rightcolumn{
        display:none;
    }
    #contentcolumn{
        margin:auto !important;
        min-height:initial;
        width:100%;
    }
    #contentwrapper{
        float:none;
    }
    #searchBox{display:none;}
    #contentcolumn .ui-tabs-nav{
      display:none;
    }
    .column1{display:none;}
    .column3{display:none;}
    
    #mainContent_featured_portlet{display:none;}
    #mainContent_curriculum_portlet{display:none;}
    #mainContent_started_portlet, #mainContent_NotStartedCourses{background:url() black;}
    #mainContent_started_portlet .portlet-header, #mainContent_NotStartedCourses .portlet-header{display:none;}
    .portlet-header{background:url() black; text-indent:initial !important;margin-left:7px;}
    .portlet-header:hover{background:black;border:none;}
    #mainContent_StartedCourses tr td:nth-child(2),
    #mainContent_StartedCourses tr th:nth-child(2),
    #mainContent_NotStartedCourses tr td:nth-child(2),
    #mainContent_NotStartedCourses tr th:nth-child(2)
    {
        display: none;
    }
    #mainContent_StartedCourses tr td:nth-child(4),
    #mainContent_StartedCourses tr th:nth-child(4),
    #mainContent_NotStartedCourses tr td:nth-child(4),
    #mainContent_NotStartedCourses tr th:nth-child(4) {
        /*display: none;*/
    }
    #mainContent_StartedCourses tr th:nth-child(1),  #mainContent_StartedCourses tr th:nth-child(3),
    #mainContent_NotStartedCourses tr th:nth-child(1),  #mainContent_NotStartedCourses tr th:nth-child(3)
     {
        text-align:left;text-transform:uppercase;
    }
    .ui-icon-minusthick{display:none;}
    .ui-icon-closethick{display:none;}
    #mainContent_StartedCourses,#mainContent_StartedCourses tr, #mainContent_StartedCourses td,#mainContent_StartedCourses th,
    #mainContent_NotStartedCourses,#mainContent_NotStartedCourses tr, #mainContent_NotStartedCourses td,#mainContent_NotStartedCourses th
      {border:none !important;}
    #mainContent_StartedCourses tr td,#mainContent_NotStartedCourses tr td  {padding-top:10px;}
    #mainContent_StartedCourses tr td:nth-child(1),#mainContent_NotStartedCourses tr td:nth-child(1){text-transform:uppercase;}
    #mainContent_notstarted_portlet .portlet-header{display:none;}
    /*MENU*/
    #rm_icon{width:36px; height:36px; cursor:pointer; position:absolute; top:-16px; right:10px; background:url(/WDC2013/SITE/MASTERS/img/Icons/menu_icon_36.png) center center no-repeat;}
    #rm_menu{
        display:block;
	    background: #fff none repeat scroll 0% 0%;
	    color: #000;
	    font-family: "cardoregular" !important, sans-serif;
	    cursor: pointer;
	    border-left: 2px solid #1D1D1D;
    }

    legend{box-shadow:none;background-color:black; color: #fff}
    .ui-tabs-panel{border:none !important;}

     .welcomebrand{font-size:10vw;  font-weight: 400; text-transform: uppercase;}
     .welcomewelcome{font-size:20vw;display:block; margin-bottom:20%;font-weight: 600;text-transform: uppercase;margin-top:-10%;}
     #welcomeLogo, #registerLogo, #loginLogo{
         width:90%;
         margin-top:6%;
     }
     .gapbtn{
         font-size:10vw;
         width:85%;
     }
     #loginBody label {font-size:7vw;width:80%;}
     #loginBody input {font-size:4.5vw;width:84%;}
     #loginBody .medBtn{font-size:4vw;}
     #welcomeFooter{margin-top:0%;}
}

/* iPHone 6 Landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {

     .welcomebrand{font-size:6vw;  font-weight: 400; text-transform: uppercase;}
     .welcomewelcome{font-size:8vw;display:block; margin-bottom:20%;font-weight: 600;text-transform: uppercase;margin-top:-5%;}
     #welcomeLogo, #registerLogo, #loginLogo{
         width:40%;
         margin-top:-6%;
     }
     .gapbtn{
         font-size:3vw;
         width:32%;
     }
     #loginBody{margin-top:-6%}
     #loginBody label {font-size:4vw;width:45%;}
     #loginBody input {font-size:2.5vw;width:53%;margin-top:3%;}
     #loginBody .medBtn{font-size:4vw;}
     #welcomeBody{margin-top:-6%;}
     #welcomeFooter{
         margin-top:-13%;
     }
 
}

/* some general small screen stuff */
@media only screen and (max-width : 1024px) {
    #rightcolumn
    {
        display:none !important;
    }
    #contentcolumn{
	margin: 10px 10px 0 270px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	min-height:1000px;
    }
    #ContentPlaceHolder1_Login1_LoginButton
    {
        margin-bottom:0px !important;
    }
        #ContentPlaceHolder1_Login1_ForgotLink
     {
         font-size:3vw !important;
         }
         
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
     #rightcolumn
    {
        display:none !important;
    }
     .welcomebrand{font-size:6vw;  font-weight: 400; text-transform: uppercase;}
     .welcomewelcome{font-size:8vw;display:block; margin-bottom:20%;font-weight: 600;text-transform: uppercase;margin-top:-5%;}
     #welcomeLogo, #registerLogo, #loginLogo{
         width:40%;
         margin-top:6%;
     }
     .gapbtn{
         font-size:3vw;
     }
     #loginBody label {
         font-size:5vw;
     }
     #loginBody input {
         font-size:3.5vw;
         width:56%;
     }
     #loginBody .medBtn{font-size:4vw;}
     #welcomeFooter{
         margin-top:-9%;
     }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
 #rightcolumn
    {
        display:none !important;
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
     #rightcolumn {display:none !important;}
     .welcomebrand{font-size:10vw;  font-weight: 400; text-transform: uppercase;}
     .welcomewelcome{font-size:20vw;display:block; margin-bottom:20%;font-weight: 600;text-transform: uppercase;margin-top:-10%;}
     #welcomeLogo, #registerLogo, #loginLogo{width:90%;margin-top:11%;}
     .gapbtn{font-size:10vw;width:85%;}
     #loginBody{margin-top:12%;}
     #loginBody label {font-size:7vw;width:80%;}
     #loginBody input {font-size:4.5vw;width:84%;}
     #loginBody .medBtn{font-size:4vw;}
     #welcomeBody{margin-top:6%;}
     #welcomeFooter{ margin-top:0%;}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1025px) {
/* Styles */
    #welcomeLogo, #loginLogo, #registerLogo{
        width:40% !important;
        margin-top:4%;
    }

    #welcomeBody{
        font-size:3vw;
        width:25%;
        margin:auto;
    }

    .welcomebrand{font-size:4vw;  font-weight: 400; text-transform: uppercase;}
    .welcomewelcome{font-size:7vw;display:block; margin-bottom:20%;font-weight: 600;text-transform: uppercase;margin-top:-12%;}
    #welcomeFooter{
        margin-top:-3% ;
        width:25%;
    }
    .gapbtn{
        font-size:3vw;
        width:94%;
    }
   #loginBody{
       font-size:2vw;
       width:50%;
       margin-top:2%;
   }

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */


}

/* iPhone 4 ----------- */
/*@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {*/
/* Styles */
/*}*/