/***** Media Quries *****/
#mynode{
     left: 0; right: 0; bottom: 0; width: 100%; height: 100%; top: 0; background-image: url(Styles/images/bg7.jpg); background-repeat: no-repeat; background-size: 100%

}
#mynode1{text-align: right; margin-right: 80px; margin-top: -250px; margin-bottom: 265px;
}
#mynode2 {color: #7A8292;
}
#mynode3 {height: 80px;
}
#mynode4 {font-size: 3em; color: darkslategray;
}
#mynode5 {height: 50px;
}
#mynode6 {font-size: 2em; color: darkslategray;
}
#mynode7 {height: 50px;
}
#mynode8 {font-size: 2em; color: darkslategray;
}
#mynode9 {height: 40px; color: darkslategray;
}

@media (max-width:1920px){

}
@media (max-width:1680px){

}
@media (max-width:1600px){

}
@media (max-width: 1440px){
   
}
@media (max-width:1365px){
   
}
@media (max-width:1280px){
   
}
@media (max-width:1080px){
     
}
@media (max-width:1050px){
	
}
@media (max-width:1024px){
	
}
@media (max-width:991px){
	
}	
@media (max-width:900px){
   
}
@media (max-width:812px) and (min-width:668px){

    #ember1755,#ember1762{
   display: block;
    clear: both;
    width: 91%;
    margin-top: 15px;
}
     #mynode{
     left: 0; right: 0; bottom: 0; width: 101%; height: 100%; top: 0; background-image: url(Styles/images/bg7.jpg); background-repeat: no-repeat; background-size: 100%

}
    #mynode1{text-align: right; margin-right: 80px; margin-top: -250px; margin-bottom: 265px;
}
#mynode2 {color: #7A8292;
    MARGIN-TOP: 185PX;
    FONT-SIZE: 0.7EM;
    FLOAT: RIGHT;
    MARGIN-RIGHT: -60PX;
}
#mynode3 {height: 30px;
}
#mynode4 {font-size: 1em; color: darkslategray;
}
#mynode5 {height: 20px;
}
#mynode6 {font-size: 1em; color: darkslategray;
}
#mynode7 {height: 20px;
}
#mynode8 {font-size: 1em; color: darkslategray;
}
#mynode9 {height: 40px; color: darkslategray;
}
    #mynode10 {font-size:1EM
    }
      .activity-area .education-info .education-thumb {
        float: left;
        /* width: 245px; */
        /* width: 22.7%; */
        position: relative;
        min-height: 310px;
        /* padding: 10px; */
        border: 1px solid lightgray;
    }
    info img, .activity-area .education-info .education-thumb {
    display: block;
}
    .activity-area {width:99%
    }
    
.activity-area .education-info .education-thumb {
    float: left;
    /* width: 245px; */
    width: 92.2%;
    position: relative;
    min-height: 310px;
    /* padding: 10px; */
    border: 1px solid lightgray;
}
header .logo-holder .logo .narrow-logo {
     display: block; 
}
	.hidden-vm {
		display: block !important;
        width: 120%;
	}
    header .logo-holder {
        display: inline-block;
        vertical-align: middle;
        vertical-align: auto;
        zoom: 1;
        display: inline;
        margin-top: -22px;
        margin-left: 0px;
        width: 140px;
        height: 70px;
        float: left;
    }
    .activity-area .education-info img, .activity-area .education-info .education-thumb {
    display: block; 
}
    .activity-area {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
    margin-top: 30px;
}
    
.unit-area .unit-box .unit-box-row.unit-box-actions {
    width: 15% !important;
    margin-top: -15px;
}
.activity-area .education-info img {
    /* float: left; */
    width: 108%;
}
.activity-area .education-info .details {
    position: relative;
    float: left;
    width: 100%;
    min-height: 75px;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
}
.dersMenu {
    float: left;display:none;
}
    #ember1903 {text-align:center;
    }
    #lkj {height:250px
    }
    	.unit-area .unit-box .unit-box-row.unit-box-status {
		    width: 40% !important;
    margin-top: -10px;
		
	}
        .unit-area .unit-box .unit-box-row.unit-box-main {
		width: 82% !important;
		width: 82% !important;
		margin-bottom: 10px
	}
    .education-thumbs {
            width: 100%;
    float: left;
    /* width: 245px; */
    position: relative;
     /*  min-height: 310px;
  padding: 10px; */
    border: 1px solid lightgray;
}
    
      
}

@media (max-width:667px){
        #ember1755,#ember1762{
   display: block;
    clear: both;
    width: 91%;
    margin-top: 15px;
}
     #mynode{
     left: 0; right: 0; bottom: 0; width: 101%; height: 100%; top: 0; background-image: url(Styles/images/bg7.jpg); background-repeat: no-repeat; background-size: 100%

}
    #mynode1{text-align: right; margin-right: 80px; margin-top: -250px; margin-bottom: 265px;
}
#mynode2 {color: #7A8292;
    MARGIN-TOP: 185PX;
    FONT-SIZE: 0.7EM;
    FLOAT: RIGHT;
    MARGIN-RIGHT: -60PX;
}
#mynode3 {height: 30px;
}
#mynode4 {font-size: 1em; color: darkslategray;
}
#mynode5 {height: 20px;
}
#mynode6 {font-size: 1em; color: darkslategray;
}
#mynode7 {height: 20px;
}
#mynode8 {font-size: 1em; color: darkslategray;
}
#mynode9 {height: 40px; color: darkslategray;
}
    #mynode10 {font-size:1EM
    }
    .activity-area .education-info .education-thumb {
        float: left;
        /* width: 245px; */
        /* width: 22.7%; */
        position: relative;
        min-height: 310px;
        /* padding: 10px; */
        border: 1px solid lightgray;
    }
    info img, .activity-area .education-info .education-thumb {
    display: block;
}
    .activity-area {width:99%
    }
    
.activity-area .education-info .education-thumb {
    float: left;
    /* width: 245px; */
    width: 92.2%;
    position: relative;
    min-height: 310px;
    /* padding: 10px; */
    border: 1px solid lightgray;
}
header .logo-holder .logo .narrow-logo {
     display: block; 
}
	.hidden-vm {
		display: block !important;
        width: 120%;
	}
    header .logo-holder {
        display: inline-block;
        vertical-align: middle;
        vertical-align: auto;
        zoom: 1;
        display: inline;
        margin-top: -22px;
        margin-left: 0px;
        width: 140px;
        height: 70px;
        float: left;
    }
    .activity-area .education-info img, .activity-area .education-info .education-thumb {
    display: block; 
}
    .activity-area {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
    margin-top: 30px;
}
    
.unit-area .unit-box .unit-box-row.unit-box-actions {
    width: 15% !important;
    margin-top: -15px;
}
.activity-area .education-info img {
    /* float: left; */
    width: 108%;
}
.activity-area .education-info .details {
    position: relative;
    float: left;
    width: 100%;
    min-height: 75px;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
}
.dersMenu {
    float: left;display:none;
}
    #ember1903 {text-align:center;
    }
    #lkj {height:250px
    }
    	.unit-area .unit-box .unit-box-row.unit-box-status {
		    width: 40% !important;
    margin-top: -10px;
		
	}
        .unit-area .unit-box .unit-box-row.unit-box-main {
		width: -webkit-calc(45% - 20px);
		width: calc(45% - 20px);
		margin-bottom: 10px
	}
        .education-thumbs {
            width: 100%;
    float: left;
    /* width: 245px; */
    position: relative;
   /*   min-height: 310px;
   padding: 10px; */
    border: 1px solid lightgray;
}
    
}
@media (max-width:768px) and (min-width:668px){
        #ember1755,#ember1762{
   display: block;
    clear: both;
    width: 91%;
    margin-top: 15px;
}
     #mynode{
     left: 0; right: 0; bottom: 0; width: 101%; height: 100%; top: 0; background-image: url(Styles/images/bg7.jpg); background-repeat: no-repeat; background-size: 100%

}
    #mynode1{text-align: right; margin-right: 80px; margin-top: -250px; margin-bottom: 265px;
}
#mynode2 {color: #7A8292;
    MARGIN-TOP: 185PX;
    FONT-SIZE: 0.7EM;
    FLOAT: RIGHT;
    MARGIN-RIGHT: -60PX;
}
#mynode3 {height: 30px;
}
#mynode4 {font-size: 1em; color: darkslategray;
}
#mynode5 {height: 20px;
}
#mynode6 {font-size: 1em; color: darkslategray;
}
#mynode7 {height: 20px;
}
#mynode8 {font-size: 1em; color: darkslategray;
}
#mynode9 {height: 40px; color: darkslategray;
}
    #mynode10 {font-size:1EM
    }
      .activity-area .education-info .education-thumb {
        float: left;
        /* width: 245px; */
        /* width: 22.7%; */
        position: relative;
        min-height: 310px;
        /* padding: 10px; */
        border: 1px solid lightgray;
    }
    info img, .activity-area .education-info .education-thumb {
    display: block;
}
    .activity-area {width:99%
    }
    
.activity-area .education-info .education-thumb {
    float: left;
    /* width: 245px; */
    width: 92.2%;
    position: relative;
    min-height: 310px;
    /* padding: 10px; */
    border: 1px solid lightgray;
}
header .logo-holder .logo .narrow-logo {
     display: block; 
}
	.hidden-vm {
		display: block !important;
        width: 120%;
	}
    header .logo-holder {
        display: inline-block;
        vertical-align: middle;
        vertical-align: auto;
        zoom: 1;
        display: inline;
        margin-top: -22px;
        margin-left: 0px;
        width: 140px;
        height: 70px;
        float: left;
    }
    .activity-area .education-info img, .activity-area .education-info .education-thumb {
    display: block; 
}
    .activity-area {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
    margin-top: 30px;
}
    
.unit-area .unit-box .unit-box-row.unit-box-actions {
    width: 15% !important;
    margin-top: -15px;
}
.activity-area .education-info img {
    /* float: left; */
    width: 108%;
}
.activity-area .education-info .details {
    position: relative;
    float: left;
    width: 100%;
    min-height: 75px;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
}
.dersMenu {
    float: left;display:none;
}
    #ember1903 {text-align:center;
    }
    #lkj {height:250px
    }
    	.unit-area .unit-box .unit-box-row.unit-box-status {
		    width: 40% !important;
    margin-top: -10px;
		
	}
        .unit-area .unit-box .unit-box-row.unit-box-main {
		width: -webkit-calc(45% - 20px);
		width: calc(45% - 20px);
		margin-bottom: 10px
	}
          .education-thumbs {
            width: 100%;
    float: left;
    /* width: 245px; */
    position: relative;
    /*  min-height: 310px;
   padding: 10px; */
    border: 1px solid lightgray;
}
    
}

@media (max-width:667px){
        #ember1755,#ember1762{
   display: block;
    clear: both;
    width: 91%;
    margin-top: 15px;
}
    #mynode{
     left: 0; right: 0; bottom: 0; width: 101%; height: 100%; top: 0; background-image: url(Styles/images/bg7.jpg); background-repeat: no-repeat; background-size: 100%

}
    #mynode1{text-align: right; margin-right: 80px; margin-top: -250px; margin-bottom: 265px;
}
#mynode2 {color: #7A8292;
    MARGIN-TOP: 185PX;
    FONT-SIZE: 0.7EM;
    FLOAT: RIGHT;
    MARGIN-RIGHT: -60PX;
}
#mynode3 {height: 30px;
}
#mynode4 {font-size: 1em; color: darkslategray;
}
#mynode5 {height: 20px;
}
#mynode6 {font-size: 1em; color: darkslategray;
}
#mynode7 {height: 20px;
}
#mynode8 {font-size: 1em; color: darkslategray;
}
#mynode9 {height: 40px; color: darkslategray;
}
    #mynode10 {font-size:1EM
    }
    .activity-area .education-info .education-thumb {
        float: left;
        /* width: 245px; */
        /* width: 22.7%; */
        position: relative;
        min-height: 310px;
        /* padding: 10px; */
        border: 1px solid lightgray;
    }
    info img, .activity-area .education-info .education-thumb {
    display: block;
}
    .activity-area {width:99%
    }
    
.activity-area .education-info .education-thumb {
    float: left;
    /* width: 245px; */
    width: 92.2%;
    position: relative;
    min-height: 310px;
    /* padding: 10px; */
    border: 1px solid lightgray;
}
header .logo-holder .logo .narrow-logo {
     display: block; 
}
	.hidden-vm {
		display: block !important;
        width: 120%;
	}
    header .logo-holder {
        display: inline-block;
        vertical-align: middle;
        vertical-align: auto;
        zoom: 1;
        display: inline;
        margin-top: -22px;
        margin-left: 0px;
        width: 140px;
        height: 70px;
        float: left;
    }
    .activity-area .education-info img, .activity-area .education-info .education-thumb {
    display: block; 
}
    .activity-area {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
    margin-top: 30px;
}
    
.unit-area .unit-box .unit-box-row.unit-box-actions {
    width: 15% !important;
    margin-top: -15px;
}
.activity-area .education-info img {
    /* float: left; */
    width: 108%;
}
.activity-area .education-info .details {
    position: relative;
    float: left;
    width: 100%;
    min-height: 75px;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
}
.dersMenu {
    float: left;display:none;
}
    #ember1903 {text-align:center;
    }
    #lkj {height:250px
    }
    	.unit-area .unit-box .unit-box-row.unit-box-status {
		    width: 40% !important;
    margin-top: -10px;
		
	}
        .unit-area .unit-box .unit-box-row.unit-box-main {
		width: -webkit-calc(83% - 20px);
		width: calc(83% - 20px);
		margin-bottom: 10px
	}
            .education-thumbs {
            width: 100%;
    float: left;
    /* width: 245px; */
    position: relative;
     /* min-height: 310px;
   padding: 10px; */
    border: 1px solid lightgray;
}
    
}
@media (max-width:640px){
      
}
@media (max-width:600px){
        
}
@media (max-width:568px){
    
}
@media (max-width:480px){
    
}
@media (max-width:414px){
   
}
@media (max-width:384px){
	  

}
@media (max-width:375px){
	  
}
@media (max-width:320px){
	
}