@media screen and (max-width:1280px)
{
	
}


@media screen and (max-width:1600px)
{

    .page {
        width: 90% !important;
        margin: auto;
    }

    .leftColoumndiv {
        width: 25% !important;
        display: inline-block;
        float: none !important;
        margin-right: 0 !important;
    }

    .rightColoumndiv {
        width: 73% !important;
        display: inline-block;
        vertical-align: top;
        margin-left: 1%;
        float: none !important;
    }

    .centerContent {
        width: 93% !important;
        margin: auto;
    }

    .LogoDiv {
        width: 90%;
        margin: auto;
        margin-top: 30px;
    }

    .divTopBannerContent {
        width: 92%;
        margin: auto;
    }

    .divNurisingInformatics {
        display: inline-block;
        width: 30%;
        vertical-align: middle;
    }

    .divfooterContent {
        width: 90%;
        margin: auto;
        height: 45px;
        color: #545353;
        font-family: Arial;
    }
	
	.araben{		
		margin-top: -16% !important;
	}
	
	.enarab{		
		margin-top: -14% !important;
	}
	
	.divImage {
    width: 24%;
    float: right;
    margin-top: 18%;
    margin-bottom: -31px;
	}

    .divclass {
        border-radius: 0 !important;
        margin-top: 20px !important;
        width: 100% !important;
        display: inline-block;
    }    

    .divclassAdminDashboard {
        width: 100% !important;
        border: none !important;
    }

    .divclassDiscussionDetails {
        border-radius: 0 !important;
        margin-top: 20px !important;
        width: 100% !important;
        display: inline-block;
        border: none !important;
    }

    .divclassAddNewDiscussion {
        width: 100% !important;
        border: none !important;
    }

    .divLogin {
        width: 100% !important;  
        margin:initial !important;
    }

        .divLogin .divTitle {
            padding: 0 !important;
            text-align: center;
            margin-bottom: 0 !important;
        }

    .divLoginClass {
        border-radius: 0 !important;
        margin-top: 0 !important;
        width: 76% !important;
        display: inline-block;
        border: none !important;
        padding-left: 0 !important;
        margin: initial !important;
    }

    .divclassMemberRegistration {
        border-radius: 0 !important;
        margin-top: 20px !important;
        width: 100% !important;
        display: inline-block;
        border: none !important;
        padding-left:0 !important;
    }

    .divLeftMenu {
        display: inline-block;
        width: 21% !important;
        vertical-align: top;
        margin-top: 20px;
    }


	
}

@media screen and (max-width:1009px)
{
	/* Slider */
	
	.slider li
    {
        height: 520px;
        background-size: auto 520px;
        -moz-background-size: auto 418px;
        -webkit-background-size: auto 418px;
        -o-background-size: auto 418px;
    }
	
	/* Logo */
	.top_logo {
        margin-top: -531px;   
	}
	
	.top_logo img {
        width: 350px; 
	}
	
	/* Welcome Boxes */
	
	.divWelcomeText {
    width: 100%;
    padding-right: 35px;    
}

.divWelcomeBox {   
    width: 71%;
    margin: auto;
    display: grid;
    padding-top: 20px;
}

.divWelcomeBoxParent {
    width: 100%;
    background-color: #d5d2da;
    padding-top: -35px;
    margin-top: -40px;
}

/* Info Counter */

.divInfoCounter {    
    width: 71%;
    margin: auto;
    margin-top: 15px;
}

.divCounter {
    width: 100%;
    padding-right: 20px;   
}

.divInfo {
    width: 100%;   
    margin-right: 20px	
}

.counter {
    font-size: 46px !important;
    font-weight: 700;
    color: #2d8683;
    font-family: arial;
    position: relative;
    top: 20px !important;
}

.people {
    font-size: 25px !important; 
    font-weight: 600;
    color: #8b8888;
    font-family: arial;
    position: relative;
    top: 8px !important;
}

.head {
    font-size: 20px !important;
    font-weight: bold;
    color: #0488ae;
    font-family: arial;
}

.year {
    font-size: 19px !important;
    font-weight: 400;
    color: #8b8888;
    font-family: arial;
}

.year {
    font-size: 19px !important;
    font-weight: 400;
    color: #8b8888;
    font-family: arial;
}

.vaccinimg {
    float: right;
    margin-top: -91px !important;
    margin-right: 31px !important;
    width: 114px !important;
    height: 106px !important;
}

/* Hospital Counters */

.divStats {
    margin-left: 50px !important;
}

.divHospital {
    width: 100%;    
    display: inline-block;
}
}

@media screen and (max-width:780px)
{
	/* Top Nav */	
	.center {
    margin: auto;
    width: 100%;
    padding-top: 25px;
}
	/* Slider */
	.slider li
    {
        height: 315px;
        background-size: auto 315px;
        -moz-background-size: auto 315px;
        -webkit-background-size: auto 315px;
        -o-background-size: auto 315px;
    }
	
	/* logo */
	
	.top_logo {
        margin-top: -331px;   
	}
	
	.top_logo img {
        width: 300px; 
	}
	
	.araben{		
		margin-top: -50% !important;
		display: block;
	}
	
	.enarab{		
		margin-top: -28% !important;
		display: block;
		float: left;
	}
	
	.divArabEng {
    float: right;
    margin-top: 0px !important;
    display: inline-block;
    margin-bottom: 20px;
}
	
	.divContent {
    width: 100%;
    display: inline-block;
    float: left;
    margin-top: -80px;
}
	
	.divImage {    
    float: none !important;   
	margin-bottom: -65px;	
}	

.innerLeftNav {    
    float: left;    
	width: 100%;
}

.innerContent {
    width: 100%;
    float: left;
}
		
/* Footer */

    .divfooterContent {
        width: 100%;
        /* margin: auto; */
        height: 45px;
        color: #545353;
        font-family: Arial;
    }

    .footerLeft {
        display: inline-block;
        color: #545353;
        /* float: left; */
        margin-left: 20px;
    }

.topNav {
	display:none;
}

.mobileNav {
    display: block;
    width: 90%;
    margin: auto;
}

}

@media screen and (max-width:479px)
{
    .divLeft {
        width: 100% !important;
        margin-right: 10px;
        display: inline-block;
    }

    .divRight {
        width: 100% !important;
        float: none !important;
        display: inline-block;
    }

        .divRight .divOuter {
            width: 70vw;
        }
	
	.divOneColumn{
		width: 90% !important;
	}
	
	.divLogin {
    width: 90% !important;
    margin: auto;
	}
	
	.buttonNI {    
    width: 130px !important;   
}

.divGoBackButton .buttonNI
{
	width: 160px !important;
}

.divLeftMenu {    
    width: 90% !important;
    margin-top: 60px !important;
}

.divTopRightActions {
    display: none !important;    
}

.divclassDiscussions {
    width: 90% !important;
}

.divclassAddNewDiscussion {
    width: 100% !important;
}
.divclassDiscussionDetails {
    width: 100% !important;
}
.divMembersApproval {
    width: 85% !important;    
}

.divDiscussionApproval {
    width: 85% !important;    
    margin-bottom: 10px;
    margin-top: 10px;
}

.divTop5Threads {
    width: 82% !important;    
}
	
	.divMyThreads {    
    width: 95% !important;    
}
.divReplyComments
{
width: 100% !important;
}

.divMyComments
{
	width: 95% !important;  	
}

.divclassDiscussionDetails .divReplyComments
{
	width: 75% !important;  
}
	
	
	.divNurisingInformatics {
    display: inline-block;
    width: 100% !important;
    vertical-align: middle;
}

.divLoginName {    
    width: auto !important;
}

.divLOginInfo {    
    margin-top: 10px;
}

.divReplies {
    margin-left: 0 !important;
}
	
/* Top Nav */	
	.center {
    margin: auto;
    width: 100%;
    padding-top: 25px;
}
	/* Slider */
	.slider li
    {
        height: 210px;
        background-size: auto 210px;
        -moz-background-size: auto 210px;
        -webkit-background-size: auto 210px;
        -o-background-size: auto 210px;
    }
	
	/* logo */
	
	.top_logo {
        margin-top: -230px;   
	}
	
	.top_logo img {
        width: 180px; 
	}
	
	.araben{		
		margin-top: -50% !important;
		display: block;
	}
	
	.enarab{		
		margin-top: -28% !important;
		display: block;
		float: left;
	}
	
	
	.divArabEng {
    float: right;
    margin-top: 0px !important;
    display: inline-block;
    margin-bottom: 20px;
}
	
	.divContent {
    width: 100%;
    display: inline-block;
    float: left;
	margin-top: -60px;
}	
	

.divContent1 {
    width: 100%;
    display: inline-block;
}


.divImage {
    float: none !important;
    margin-bottom: -29px;	
    width: 100%;
}

.divImage1 {
    width: 110%;
   margin-bottom: -66px;
    float: none !important;
}

.divImage img{
width: 100%;
}

.divImage1 img{
width: 100%;
}

.innerLeftNav {    
    float: left;   
	width: 100%; 
}

.innerContent {
    width: 100%;
    float: left;
}

/* Footer */

    .divfooterContent {
        width: 100%;
        /* margin: auto; */
        height: 45px;
        color: #545353;
        font-family: Arial;
    }

    .footerLeft {
        display: inline-block;
        color: #545353;
        /* float: left; */
        margin-left: 10px;
    }

.footerRight a {
    padding-right: 1px;
}

}