@media all and (min-width: 951px) {


    .ontop111
        {
            z-index: 100;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: none;
            position: fixed;
            color: #aaaaaa;
            filter: alpha(opacity = 70);
            background-color: #000;
            -moz-opacity: 0.7;
            -khtml-opacity: 0.7;
            opacity: 0.9;
            display: none;
        }
        #popup111
        {
            width: 300px;
            height: auto;
            position: absolute;
            color: #000000;
            background-color: #ffffff; /* To align popup window at the center of screen*/
            top: 20%;
            left:20%;
            text-align:center ;
            vertical-align :middle ;
            margin-top: -100px;
            margin-left: -100px;
        }
       
        .content a
        {
            text-decoration: none;
        }
       
        .content
        {
            min-width: 950px;
            width: 950px;
            min-height: 150px;
            margin: 100px auto;
            background: #f3f3f3;
            position: relative;
            z-index: 103;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 2px 5px #000;
            
        }
        .content p
        {
            clear: both;
            color: #000;
            text-align: justify;
            line-height:30px;
        }
        .content p a
        {
            color: #d91900;
            font-weight: bold;
        }
        .content .x
        {
            float: right;
            height: 35px;
            left: 22px;
            position: relative;
            top: -25px;
            width: 34px;
        }
        .content .x:hover
        {
            cursor: pointer;
        }



}


@media all and (max-width: 950px) {

    .ontop111
        {
            z-index: 100;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: none;
            position: fixed;
            color: #aaaaaa;
            filter: alpha(opacity = 70);
            background-color: #000;
            -moz-opacity: 0.7;
            -khtml-opacity: 0.7;
            opacity: 0.8;
            display: none;
        }
        #popup111
        {
            width: 300px;
            height: auto;
            position: absolute;
            color: #000000;
            background-color: #ffffff; /* To align popup window at the center of screen*/
            top: 17%;
            left:21%;
            text-align:center ;
            vertical-align :middle ;
            margin-top: -100px;
            margin-left: -80px;
        }
       
        .content a
        {
            text-decoration: none;
        }
       
        .content
        {
            min-width: 400px;
            width: 400px;
            min-height: 150px;
            margin: 100px auto;
            background: #f3f3f3;
            position: relative;
            z-index: 103;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 2px 5px #000;
            
        }
        .content p
        {
            clear: both;
            color: #000;
            text-align: justify;
            line-height:30px;
            font-size:12px;
        }
        .content p a
        {
            color: #d91900;
            font-weight: bold;
        }
        .content .x
        {
            float: right;
            height: 35px;
            left: 22px;
            position: relative;
            top: -25px;
            width: 34px;
        }
        .content .x:hover
        {
            cursor: pointer;
        }


    
}