/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 768px)  {
    .cpGridView{
        font-size:12px;
    }

    .progress_container{
        height:14px;
    }
    .progress_bar {
        height: 100%;
    }

    #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, #mainContent_notstarted_portlet {
        background: url() #fff;
    }

    #mainContent_started_portlet, #mainContent_notstarted_portlet {
        margin: 0 0 1em 0;
    }

    #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(1),
    #mainContent_StartedCourses tr th:nth-child(1),
    #mainContent_NotStartedCourses tr td:nth-child(1),
    #mainContent_NotStartedCourses tr th:nth-child(1),
    #mainContent_StartedCourses tr td:nth-child(4),
    #mainContent_StartedCourses tr th:nth-child(4)
    {
        display: none;
    }

    #mainContent_StartedCourses tr.cpPagerStyle td:nth-child(1),
    #mainContent_NotStartedCourses tr.cpPagerStyle td:nth-child(1),
    #mainContent_StartedCourses tr.cpPagerStyle td:nth-child(4),
    #mainContent_NotStartedCourses tr.cpPagerStyle td:nth-child(4)
    {
        display: block;
    }

    #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:0; 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;}

    .cpPagerStyle td a, .cpPagerStyle td span {
        margin: 0 10px;
        font-size:16px;
    }
}

/* 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;
    }
}

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

/* 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;
    }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
    #welcomeLogo, #loginLogo, #registerLogo{
        width:25% !important;
    }
    #welcomeBody{
        font-size:3vw;
    }
    #welcomeFooter{
        margin-top:-3% ;
        width:60%;
    }
    .gapbtn{
        font-size:3vw;
    }
   #loginBody{
       font-size:3vw;
       width:60%;
   }

}

/* 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 */
/*}*/