/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .dropdown-submenu > a:after { display: none;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
    .dropdown-submenu > a:after { display: none;}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
    .dropdown-submenu > a:after { display: none;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu { display: block;}
    #ima-hindi{display: block;}
    .headerTop{display: block;}
    .headerTop-mobile{display: none;} 
    .ima-icon{display: none;}
    .right-select-language-mobile{display: none;}
    .newstrack-header {    margin-bottom: -8px;}
    .newstrack-section .newstrack-block ul li .right-segment {   height: auto; }
    .banner .scrollbar-bg , .banner .scrollbar-text{height:155px;}

    .newstrack-section .newstrack-block ul li .right-segment span.description{margin-bottom:0%;}
    .navbar-nav>li {  margin-left: -7px;}
    nav#navbar ul.nav{padding-bottom: 5px;}
    nav#navbar ul.nav > li:first-child{ margin-left:-1%;}
    nav#navbar ul.nav > li:nth-child(2){   margin-left: -3%;    width: 20%;}
    nav#navbar ul.nav > li:nth-child(3){margin-left: -3%;}
    nav#navbar ul.nav > li:nth-child(4){margin-left: -3%;}
    nav#navbar ul.nav > li:nth-child(5){ margin-left: 2%;}
    nav#navbar ul.nav > li:nth-child(6){ } 
    .right-select-language {padding: 10px 10px;background-position: center right;background-size: 19%;margin-bottom: 5px;}
    .newstrack-section .newstrack-block ul li .right-segment {height: auto;} 
    .short-text {overflow: hidden;height: 2em;}
   ul.blog-item li { float: left;  width: 48% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
   #user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
#user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
   ul.blog-item li { float: left;  width: 48% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu { display: block;}
    #ima-hindi{display: block;}
    .social-menu .menu { margin-top: 8px;}
    .banner .scrollbar-bg{margin-top:-5PX;min-height:251PX}
    .headerBtm{padding-bottom:0px}
    .headerTop{display:block}
    .headerTop-mobile{display:none}
    .topInfo li:first-child{border-right:0px}
    .indian-emblem .logo{width:67%; margin-top: 29%;}
    .ehover12 img{max-width:none;width:100%;margin-left:50%}
    .indian-emblem .col-md-9 p{display:none}
    .middle-header .indian-emblem{margin-top:0px}
    nav#navbar{position:initial;width:100%;text-align:left;border:1px solid #eaeceb;margin-bottom:10px}
    nav#navbar ul.nav{width:96%}
    nav#navbar ul.nav li{border:none;margin:0px}
    nav#navbar ul.nav > li:nth-child(4) a i{margin-left:27%}
    nav#navbar ul.nav > li:nth-child(6) a i{margin-left:25%}
    .middle-header .navbar-nav {margin-right: -22px;}

    .middle-header .nav.navbar-nav li > a {padding: 0px 0px;}
    .ima-icon{display:none}

    /*nav#navbar ul.nav li ul.dropdown-menu li{float:none;min-width:300px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-about{min-width:250px;margin:2px 0 5px 0;position:absolute;left:-60px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-about li a{padding:10px 10px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-about li{float:none;min-width:250px}
    nav#navbar ul.nav li ul.dropdown-menu li a{padding:10px 69px 11px 10px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-collaborators{min-width:250px;margin:2px 0 5px 0;position:absolute;left:-58px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-collaborators li a{padding:10px 10px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-collaborators li{float:none;min-width:250px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-opportunities{min-width:150px;margin:2px 0 5px 0;position:absolute;left:0px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-opportunities li a{padding:10px 10px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-opportunities li{float:none;min-width:150px}*/
    nav#navbar ul.nav li ul li {
        border: none; 
    }
    nav#navbar ul.nav li ul.dropdown-menu li {
        border-left: none; 
    }
    .right-row-no-margin{margin-left:0px !important}
    .right-search-bar .control{height:34px;font-size:1.2em}
    .right-select-language{padding:5px 10px;background-image:none;font-size:93%}
    .right-search-bar{padding:0px 0;font-size:85%}
    .right-search-bar input{height:73%}
    .right-select-language-mobile{display:block;padding:0px;width:48%;margin-right:2%}
    .desktop{display:none}
    .right-search-bar .control{height:46px;font-size:1.2em}
    .caret-container{margin-left:55%}
    .show-in-mobile{display:block}
    .show-in-desktop{display:none}
    .hide-in-mobile{display:none}
    .spacer5-for-mobile{display:block;height:5px;width:100%;clear:both}
    .remove-margin-bottom-for-mobile{margin-bottom:0px !important}
    .remove-margin-left-for-mobile{margin-left:0px !important}
    .remove-margin-right-for-mobile{margin-right:0px !important}
    .remove-margin-top-for-mobile{margin-top:0px !important}
    .banner img{width:95%;margin-top:1.5%;margin-left:4%}
    .areclickables-section .areclickables-content-2{margin-top:10px}
    .newstrack-section{margin-top:10px}
    .newstrack-section .newstrack-block ul li .right-segment{height:152px}
    .left-row-no-margin{margin-left:-15px !important}
    .media-carousel img{margin-left:82%}
    .navbar-collapse{max-height:850px;}
    .news-section .news-block ul li:last-child{border-bottom: none;}
    .news-section .news-block ul {padding-top: 1%;padding-bottom: 1%;}
    .news-section .news-block {    margin-top: 1.4%;}
    .news-section .news-block ul li span.description { margin-bottom: 2%;  }
    .news-section .news-block ul li span.header { margin-top: 0%;  }


    /*memu*/

    nav#navbar ul.nav li ul.dropdown-menu {
        width: 190px;
        background: #fff;
        position: absolute;
        z-index: 2;
        left: -20px;
        top: 200%;
        opacity: 0;
        visibility: hidden;
        padding: 0;
        -webkit-transition: all 0.25s ease-out 0s;
        transition: all 0.25s ease-out 0s;
        display: block;
        border: 1px solid #ececec;
        border-top: 5px solid #9299ff;
        -moz-box-shadow: 0px 6px 7px #121012;
        -webkit-box-shadow: 0px 6px 7px #121012;
        box-shadow: 0px 6px 7px #121012;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 10px;
    }

    nav#navbar ul.nav li:last-child ul.dropdown-menu {
        margin-left: 40%;
    }
    nav#navbar ul.nav li ul.dropdown-menu li.arrow_top {
        position:absolute;
        top:-12px;
        margin-left: 44%;
        width:13px;
        height:8px;
        display:block;
        border:none;
        background:url('../images/icons/arrow_top.png') no-repeat center top;
    }



    nav#navbar ul.nav li ul.dropdown-menu li {
        width: 190px;
        border-bottom: 1px solid #ececec;
    }
    nav#navbar ul.nav li ul.dropdown-menu li a {
        display: block;
        white-space: nowrap;

        padding: 12px;
        font: 13px Arial, tahoma, sans-serif;
        text-transform: capitalize;
        color: #777;
        margin: 0;
    }

    nav#navbar ul.nav li ul.dropdown-menu.mega-menu {
        width: 700px;
        left: auto;
        right: 0;
        padding: 15px 0;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn {
        border-right: 1px solid #f7f7f7;
        float: left;
        height: 100%;
        vertical-align: top;
        width: 33.3333%;
        border-bottom: none;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn:last-child {
        border-right: none;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul {
        margin-bottom: 25px;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul li {
        border: none !important;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul li a {
        line-height: 35px;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul:last-child {
        margin: 0;
    }
    nav#navbar ul.nav li:nth-last-child(1) ul.dropdown-menu,
    nav#navbar ul.nav li:nth-last-child(2) ul.dropdown-menu {
        left: auto;
        right: 0;
    }
    nav#navbar ul.nav li.open ul.dropdown-menu {
        top: 100%;
        opacity: 1;
        visibility: visible;
    }
    nav#navbar ul.nav li.open > a,
    nav#navbar ul.nav li.open > a:focus,
    nav#navbar ul.nav li.open > a:hover {
        background: transparent;
    }

    /*inner pages*/
    .inner-page-left, .inner-page-right {width: 100%;}
    .side-submenu {padding-right: 0px;}
    .right-content {padding-left: 0px;}
    .news-letter-feed-back a {width: 200px;margin: 2% 37%;}
    .contact-us {background-position-x: -106px;min-height: 498px; width: 98%; margin: 10px 0 10px 0;}
    .di-initiatives-item {padding-left: 10px;}
    #login-page .vc-img {margin: 9PX 0 10px 20%;}
    #login-page{min-height: 600px;}
    #login-page .not-register{text-align: center;margin-top: 25%;}
    #login-page .login-btn{margin-bottom: 5%;}

    #signup-page{min-height: 1030px;}  
    #signup-page{min-height: 900px;}
    #signup-page .login-btn {margin-left: 18%;}
    #signup-page  .register {margin-top: 56%;text-align: center;}
    #login-with-otp{min-height: 340px;}
    .forgot-your-password{min-height: 386px;}
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */

.vision-and-vision-areas .vision-box {     margin-left: -2%;}
.vision-and-vision-areas .block-arrow {    margin: 69px 20px 0 19px;}
.vision-and-vision-areas  h4.panel-title { font-size: 93%;}
    .vision-and-vision-areas .content-toggle {     height: 620px;  }

    #ima-hindi{display: block;}
    .headerTop{display: block;}
    .headerTop-mobile{display: none;} 
    .ima-icon{display: none;}   
    .newstrack-header {    margin-bottom: -8px;}
    .newstrack-section .newstrack-block ul li .right-segment {   height: auto; }
    .banner .scrollbar-bg , .banner .scrollbar-text{height:155px;}

    .newstrack-section .newstrack-block ul li .right-segment span.description{margin-bottom:0%;}
    .navbar-nav>li {  margin-left: -7px;}
    nav#navbar ul.nav{padding-bottom: 5px;}
    nav#navbar ul.nav > li:first-child{ margin-left:-1%;}
    nav#navbar ul.nav > li:nth-child(2){   margin-left: -3%;    width: 20%;}
    nav#navbar ul.nav > li:nth-child(3){margin-left: -3%;}
    nav#navbar ul.nav > li:nth-child(4){margin-left: -3%;}
    nav#navbar ul.nav > li:nth-child(5){ margin-left: 2%;}
    nav#navbar ul.nav > li:nth-child(6){ } 
    .right-select-language {padding: 10px 10px;background-position: center right;background-size: 19%;margin-bottom: 5px;}
    .newstrack-section .newstrack-block ul li .right-segment {height: auto;} 
    .short-text {overflow: hidden;height: 2em;}
ul.blog-item li { float: left;  width: 48% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
#user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */

.vision-and-vision-areas .vision-box {     margin-left: -2%;}
.vision-and-vision-areas .block-arrow {    margin: 69px 20px 0 19px;}
.vision-and-vision-areas  h4.panel-title { font-size: 93%;}
    .vision-and-vision-areas .content-toggle {     height: 620px;  }
.vision-and-vision-areas .block-1-content, .vision-and-vision-areas .block-2-content, .vision-and-vision-areas .block-3-content {width: 100%; margin-bottom: 18px;}


	#user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
    ul.blog-item li { float: left;  width: 48% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
    #ima-hindi{display: block;}
    .social-menu .menu { margin-top: 8px;}
    .banner .scrollbar-bg{margin-top:-5PX;min-height:242PX}
    .headerBtm{padding-bottom:0px}
    .headerTop{display:block}
    .headerTop-mobile{display:none}  
    .topInfo li:first-child{border-right:0px}
    .indian-emblem .logo{width:67%; margin-top: 29%;}
    .ehover12 img{max-width:none;width:100%;margin-left:50%}
    .indian-emblem .col-md-9 p{display:none}
    .middle-header .indian-emblem{margin-top:0px}
    nav#navbar{position:initial;width:100%;text-align:left;border:1px solid #eaeceb;margin-bottom:10px}
    nav#navbar ul.nav{width:96%}
    nav#navbar ul.nav li{border:none;margin:0px}
    nav#navbar ul.nav > li:nth-child(4) a i{margin-left:27%}
    nav#navbar ul.nav > li:nth-child(6) a i{margin-left:25%}
    .middle-header .navbar-nav {margin-right: -22px;}
    .middle-header .nav.navbar-nav li > a {padding: 0px 0px;}
    .ima-icon{display:none}


    /*nav#navbar ul.nav li ul.dropdown-menu li{float:none;min-width:300px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-about{min-width:250px;margin:2px 0 5px 0;position:absolute;left:-60px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-about li a{padding:10px 10px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-about li{float:none;min-width:250px}
    nav#navbar ul.nav li ul.dropdown-menu li a{padding:10px 69px 11px 10px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-collaborators{min-width:250px;margin:2px 0 5px 0;position:absolute;left:-58px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-collaborators li a{padding:10px 10px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-collaborators li{float:none;min-width:250px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-opportunities{min-width:150px;margin:2px 0 5px 0;position:absolute;left:0px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-opportunities li a{padding:10px 10px}
    nav#navbar ul.nav li ul.dropdown-menu.ipad-menu-opportunities li{float:none;min-width:150px}*/
    nav#navbar ul.nav li ul li {
        border: none; 
    }
    nav#navbar ul.nav li ul.dropdown-menu li {
        border-left: none; 
    }

    .right-row-no-margin{margin-left:0px !important}
    .right-search-bar .control{height:34px;font-size:1.2em}
    .right-select-language{padding:5px 10px;background-image:none;font-size:93%}
    .right-search-bar{padding:0px 0;font-size:85%}
    .right-search-bar input{height:73%}
    .right-select-language-mobile{display:block;padding:0px;width:48%;margin-right:2%}
    .desktop{display:none}
    .right-search-bar .control{height:46px;font-size:1.2em}
    .caret-container{margin-left:55%}
    .show-in-mobile{display:block}
    .show-in-desktop{display:none}
    .hide-in-mobile{display:none}
    .spacer5-for-mobile{display:block;height:5px;width:100%;clear:both}
    .remove-margin-bottom-for-mobile{margin-bottom:0px !important}
    .remove-margin-left-for-mobile{margin-left:0px !important}
    .remove-margin-right-for-mobile{margin-right:0px !important}
    .remove-margin-top-for-mobile{margin-top:0px !important}
    .banner img{width:93%;margin-top:1.5%;margin-left:4%}
    .areclickables-section .areclickables-content-2{margin-top:10px}
    .newstrack-section{margin-top:10px}
    .newstrack-section .newstrack-block ul li .right-segment{height:152px}
    .left-row-no-margin{margin-left:-15px !important}
    .media-carousel img{margin-left:82%}
    .navbar-collapse{max-height:850px}
    .news-section .news-block ul li:last-child{border-bottom: none;}
    .news-section .news-block ul {padding-top: 1%;padding-bottom: 1%;}
    .news-section .news-block {    margin-top: 1.4%;}
    .news-section .news-block ul li span.description { margin-bottom: 2%;  }
    .news-section .news-block ul li span.header { margin-top: 0%;  }

    /*memu*/

    nav#navbar ul.nav li ul.dropdown-menu {
        width: 190px;
        background: #fff;
        position: absolute;
        z-index: 2;
        left: -20px;
        top: 200%;
        opacity: 0;
        visibility: hidden;
        padding: 0;
        -webkit-transition: all 0.25s ease-out 0s;
        transition: all 0.25s ease-out 0s;
        display: block;
        border: 1px solid #ececec;
        border-top: 5px solid #9299ff;
        -moz-box-shadow: 0px 6px 7px #121012;
        -webkit-box-shadow: 0px 6px 7px #121012;
        box-shadow: 0px 6px 7px #121012;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 10px;
    }

    nav#navbar ul.nav li:last-child ul.dropdown-menu {
        margin-left: 40%;
    }
    nav#navbar ul.nav li ul.dropdown-menu li.arrow_top {
        position:absolute;
        top:-12px;
        margin-left: 44%;
        width:13px;
        height:8px;
        display:block;
        border:none;
        background:url('../images/icons/arrow_top.png') no-repeat center top;
    }



    nav#navbar ul.nav li ul.dropdown-menu li {
        width: 190px;
        border-bottom: 1px solid #ececec;
    }
    nav#navbar ul.nav li ul.dropdown-menu li a {
        display: block;
        white-space: nowrap;

        padding: 12px;
        font: 13px Arial, tahoma, sans-serif;
        text-transform: capitalize;
        color: #777;
        margin: 0;
    }

    nav#navbar ul.nav li ul.dropdown-menu.mega-menu {
        width: 700px;
        left: auto;
        right: 0;
        padding: 15px 0;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn {
        border-right: 1px solid #f7f7f7;
        float: left;
        height: 100%;
        vertical-align: top;
        width: 33.3333%;
        border-bottom: none;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn:last-child {
        border-right: none;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul {
        margin-bottom: 25px;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul li {
        border: none !important;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul li a {
        line-height: 35px;
    }
    nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul:last-child {
        margin: 0;
    }
    nav#navbar ul.nav li:nth-last-child(1) ul.dropdown-menu,
    nav#navbar ul.nav li:nth-last-child(2) ul.dropdown-menu {
        left: auto;
        right: 0;
    }
    nav#navbar ul.nav li.open ul.dropdown-menu {
        top: 100%;
        opacity: 1;
        visibility: visible;
    }
    nav#navbar ul.nav li.open > a,
    nav#navbar ul.nav li.open > a:focus,
    nav#navbar ul.nav li.open > a:hover {
        background: transparent;
    }

    /*inner pages*/
    .inner-page-left, .inner-page-right {width: 100%;}
    .news-track-item{margin-bottom: 2%;background-color: #ebeeee; padding: 1% 0;    min-height: 230px;}
    .di-initiatives-item {padding-left: 10px;}

}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    /* Styles */
    .headerTop{display: block;}
    .headerTop-mobile{display: none;} 
    .right-select-language-mobile{display: none;}
    .ima-icon{display: none;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu { display: block;}
ul.blog-item li { float: left;  width: 32% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}

}

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

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */


    .open-menu-link {display: none;}
    .ima-icon.visible {display: block;}
    #di-newsletter-feedback .bottom-section .btn {margin-bottom: 5%;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {position: static; top:initial; left: initial;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li {border-left: 3px solid #75be64;}
    .forgot-your-password{min-height: 700px;}
    .forgot-your-password .login-btn {margin-left: 9%;}
    ul.blog-item li { float: left;  width: 100% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
   #user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
   .middle_footer_lefts{float:none !important; width:100% !important; font-weight:600; font-size:14px; text-align:center !important;}
   .middle_footer_rights{float:none !important; width:100% !important; font-weight:600; font-size:14px;  text-align:center !important;}
   span.emag {padding: 0px; MARGIN-LEFT: -9px; margin-top: 17px;}
 
     
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
  
	.middle_footer_lefts{float:none !important; width:100% !important; font-weight:600; font-size:14px; text-align:center !important;}
   .middle_footer_rights{float:none !important; width:100% !important; font-weight:600; font-size:14px;  text-align:center !important;}
span.emag {padding: 0px; MARGIN-LEFT: -9px; margin-top: 17px;}
	#user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
   ul.blog-item li { float: left;  width: 100% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
    .forgot-your-password{min-height: 700px;}
   .forgot-your-password .login-btn { margin-left: 9%;}
   #di-newsletter-feedback .bottom-section .btn {margin-bottom: 5%;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {    
        position: static; top:initial; left: initial;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li {
        border-left: 3px solid #75be64;
    }
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
 


.vision-and-vision-areas .vision-box {     margin-left: -2%;}
.vision-and-vision-areas .block-1, .vision-and-vision-areas .block-2, .vision-and-vision-areas .block-3 {width: 160px;height: 160px;}
.vision-and-vision-areas .vision-box p {    margin: 24px 8px 31px -24px !important;}
.vision-and-vision-areas .block-arrow {    margin: 69px 8px 0 11px;}
.vision-and-vision-areas  h4.panel-title { font-size: 93%;}
    .vision-and-vision-areas .content-toggle {     height: 572px;  }
 

	.middle_footer_lefts{float:none !important; width:100% !important; font-weight:600; font-size:14px; text-align:center !important;}
   .middle_footer_rights{float:none !important; width:100% !important; font-weight:600; font-size:14px;  text-align:center !important;}
span.emag {padding: 0px; MARGIN-LEFT: -9px; margin-top: 17px;}
	#user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
ul.blog-item li { float: left;  width: 100% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
    .desktop{display: none;}
    .headerTop{display: none;}
    .indian-emblem .logo{width:67%; margin-top: 12%;}
    .open-menu-link {display: none;}
    .ima-icon.visible {display: block;}
    nav#navbar {top:0}
    nav#navbar ul.nav li {width: 100%;}
    nav#navbar ul.nav li a i {float: left;width: 40px;height: 40px;}
    nav#navbar ul.nav li a {padding: 0;  margin: 5px 0 21px 10px;}
    nav#navbar ul.nav li a p {text-align: left;padding: 13px 0 0 53px!important;}
    nav#navbar ul.nav li ul.dropdown-menu li a {margin: 10px;}

    .indian-emblem .col-md-9 p {display: none;}
    .right-select-language {padding: 5px 10px;background-image: none;font-size:93%;}
    .right-select-language-mobile {display: block;padding: 0px;width: 48%;margin-right: 2%;}
    .right-row-no-margin {margin-left: 0px!important;}


    .navbar-toggle {margin: -85px -10px 18px 0;}
    .hover { margin-left: 49px;}
    .ehover12 img {max-width: none;width: calc(100% + -40px); margin: 0 auto;}
    .banner {margin-top: 5px;}
    .banner img { width: 100%;}
    .banner .row {margin-right: -15px; margin-left: -8px;}
    .banner .panding-imaappweb {margin-top: 0px;}
    .headerBtm {padding-bottom: 0px;}
    .spacer5-for-mobile {display: block;height: 5px;width: 100%;clear: both;}
    .remove-margin-bottom-for-mobile {margin-bottom: 0px!important;}
    .hide-in-mobile {display: none;}
    .ehover12 .overlay {display: none;}
    .areclickables-section .areclickables-content-2 {margin-top: 10px;}
    .milestones-header {margin-bottom: 15px;margin-top: -2px;}
    #owl-demo .item {padding: 0px;margin: 0px;margin-bottom: -10px}
    .milestones h4 { margin: 10px 0 25px;}
    .news-header {margin-bottom: 10px;}
    .newstrack-section { margin-top: 5%;}
    .newstrack-header { margin-bottom: -6px;}

    .short-text {overflow: hidden;height: 2em;}
    /*inner pages*/
    .news-letter-banner {margin: 10px 0px;}
    .news-letter-feed-back a {width: 200px;margin: 3% 36%;}

    #login-page .vc-img {margin: 9PX 0 10px 9%;}
    #login-page{min-height: 644px;}
    #login-page .not-register{text-align: center;margin-top: 2%;}
    #login-page .login-btn{margin-bottom: 5%;}
    #signup-page{min-height: 1030px;}    
    #signup-page .login-btn {margin-left: 35%;}
    #signup-page  .register {margin-top: 6%;text-align: center;}
   
    .forgot-your-password{min-height: 490px;}
    .forgot-your-password .not-register{text-align: center;margin-top: 3%;}
    .forgot-your-password .login-btn{margin-left: 31%}
    
    .website-feebback {background-image: none;}
    .website-feebback .title-heder h4{width: 83%;}
    .website-feebback .website-feebback-container {margin-top: 20px;margin-bottom: 20px; }       

    #login-with-otp{min-height: 383px;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {    
        position: static; top:initial; left: initial;}
   
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
	

         

    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {    
        position: static; top:initial; left: initial;}
    #signup-page{min-height: 1025px;}
    #signup-page .login-btn {margin-left: 30%;}
    #signup-page  .register {margin-top: 6%;text-align: center;}
    #login-with-otp{min-height: 320px;} 
    .forgot-your-password{min-height: 490px;}
    .forgot-your-password .not-register{text-align: center;margin-top: 3%;}
    .forgot-your-password .login-btn{margin-left: 10%}
ul.blog-item li { float: left;  width: 100% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
#user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
.middle_footer_lefts{float:none !important; width:100% !important; font-weight:600; font-size:14px; text-align:center !important;}
   .middle_footer_rights{float:none !important; width:100% !important; font-weight:600; font-size:14px;  text-align:center !important;}
span.emag {padding: 0px; MARGIN-LEFT: -9px; margin-top: 17px;}
}

/* 360 x 640 */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape){
    /* Styles */
	.middle_footer_lefts{float:none !important; width:100% !important; font-weight:600; font-size:14px; text-align:center !important;}
   .middle_footer_rights{float:none !important; width:100% !important; font-weight:600; font-size:14px;  text-align:center !important;}
span.emag {padding: 0px; MARGIN-LEFT: -9px; margin-top: 17px;}
	#user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
ul.blog-item li { float: left;  width: 100% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
    .desktop{display: none;}
    .headerTop{display: none;}
    .indian-emblem .logo{width:67%; margin-top: 12%;}
    .open-menu-link {display: none;}
    .ima-icon.visible {display: block;}

    nav#navbar {top:0}
    nav#navbar ul.nav li {width: 100%;}
    nav#navbar ul.nav li a i {float: left;width: 40px;height: 40px;}
    nav#navbar ul.nav li a {padding: 0;  margin: 5px 0 21px 10px;}
    nav#navbar ul.nav li a p {text-align: left;padding: 13px 0 0 53px!important;}
    nav#navbar ul.nav li ul.dropdown-menu li a {margin: 10px;}

    .indian-emblem .col-md-9 p {display: none;}
    .right-select-language {padding: 5px 10px;background-image: none;font-size:93%;}
    .right-select-language-mobile {display: block;padding: 0px;width: 48%;margin-right: 2%;}
    .right-row-no-margin {margin-left: 0px!important;}


    .navbar-toggle {margin: -85px -10px 18px 0;}
    .hover { margin-left: 49px;}
    .ehover12 img {max-width: none;width: calc(100% + -40px); margin: 0 auto;}
    .banner {margin-top: 5px;}
    .banner img { width: 100%;}
    .banner .row {margin-right: -15px; margin-left: -8px;}
    .banner .panding-imaappweb {margin-top: 0px;}
    .headerBtm {padding-bottom: 0px;}
    .spacer5-for-mobile {display: block;height: 5px;width: 100%;clear: both;}
    .remove-margin-bottom-for-mobile {margin-bottom: 0px!important;}
    .hide-in-mobile {display: none;}
    .ehover12 .overlay {display: none;}
    .areclickables-section .areclickables-content-2 {margin-top: 10px;}
    .milestones-header {margin-bottom: 15px;margin-top: -2px;}
    #owl-demo .item {padding: 0px;margin: 0px;margin-bottom: -10px}
    .milestones h4 { margin: 10px 0 25px;}
    .news-header {margin-bottom: 10px;}
    .newstrack-section { margin-top: 5%;}
    .newstrack-header { margin-bottom: -6px;}

    .short-text {overflow: hidden;height: 2em;}

    /*inner pages*/
    .inner-page-left, .inner-page-right {width: 100%;}
    .news-letter-banner {margin: 10px 0px;}
    #login-page .vc-img {margin: 9PX 0 10px 9%;}
    #login-page{min-height: 644px;}
    #login-page .not-register{text-align: center;margin-top: 2%;}
    #login-page .login-btn{margin-bottom: 5%;}

    .#signup-page{min-height: 1025px;}
    #signup-page .login-btn {margin-left: 30%;}
    #signup-page  .register {margin-top: 6%;text-align: center;}

    #di-newsletter-feedback .bottom-section .btn {margin-bottom: 5%;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {    
        position: static; top:initial; left: initial;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li {
        border-left: 3px solid #75be64;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait){
    /* Styles */

    /* Styles */
	.middle_footer_lefts{float:none !important; width:100% !important; font-weight:600; font-size:14px; text-align:center !important;}
   .middle_footer_rights{float:none !important; width:100% !important; font-weight:600; font-size:14px;  text-align:center !important;}
span.emag {padding: 0px; MARGIN-LEFT: -9px; margin-top: 17px;}
	#user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
ul.blog-item li { float: left;  width: 100% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
    .indian-emblem .logo{width:67%; margin-top: 12%;}
    .open-menu-link {
        display: none;
    }
    .ima-icon.visible {
        display: block;
    }
    .ehover12 .overlay {
        display: none;
    }
    .show-in-mobile {
        display: block;
    }
    .show-in-desktop {
        display: none;
    }
    .hide-in-mobile {
        display: none;
    }
    .spacer5-for-mobile {
        display: block;
        height: 5px;
        width: 100%;
        clear: both;
    }
    .remove-margin-bottom-for-mobile {
        margin-bottom: 0px!important;
    }
    .remove-margin-left-for-mobile {
        margin-left: 0px!important;
    }
    .remove-margin-right-for-mobile {
        margin-right: 0px!important;
    }
    .remove-margin-top-for-mobile {
        margin-top: 0px!important;
    }
    marquee {
        font-size: 0.9em;
    }
    .banner img {
        width: 100%;
    }
    ul.right-select-language .dropdown-toggle {
        font-size: 0.9em;
    }
    .right-search-bar input {
        width: 50px;
    }
    .right-search-bar .control {
        height: 30px;
        font-size: 1.2em;
    }
    nav#navbar ul.nav li {
        width: 100%;
    }
    nav#navbar ul.nav li a i {
        float: left;
        width: 40px;
        height: 40px;
    }
    nav#navbar ul.nav li a {
        padding: 0;
        margin: 5px 0 21px 10px;
    }
    nav#navbar ul.nav li a p {
        text-align: left;
        padding: 13px 0 0 53px!important;
    }
    .right-row-no-margin {
        margin-left: 0px!important;
    }
    .left-row-no-margin {
        margin-left: -15px!important;
    }
    nav#navbar ul.nav li ul.dropdown-menu li a {
        margin: 10px;
    }
    .banner .row {
        margin-right: -15px;
        margin-left: -8px;
    }
    .areclickables-section .areclickables-content-2 {
        margin-top: 10px;
    }
    .newstrack-section .newstrack-block ul li .left-segment {
        height: auto;
        width: 100%;
    }
    .newstrack-section .newstrack-block ul li .left-segment img {
        width: 100%;
    }
    .newstrack-section .newstrack-block ul li .right-segment {
        width: 100%;
        height: auto;
    }
    .footer-logos .col-xs-2 img {
        width: 55%;
    }
    .topInfo li {
        float: none;
    }
    .topInfo li a {
        font-size: 71%;
        text-align: left;
        padding: 0px 6px;
    }
    .topInfo li:last-child a {
        border-right: 0px;
    }
    .topInfo li:first-child {
        border-right: 1px solid #040404;
    }
    .middle-header .indian-emblem {
        text-align: center;
    }
    .middle-header p {
        text-align: center;
        padding: 0px;
        margin: 0px;
    }
    .navbar-header {
        margin-top: -80px;
    }
    .media-carousel img {
        margin-left: 82%;
    }
    .milestones h4 {
        margin: 10px 0 25px;
    }
    .banner .scrollbar-text {} .banner .scrollbar-text ul a {
        font-size: 71%;
        line-height: 14px;
    }
    .navbar-header i {
        color: #000000;
    }
    .newstrack-header {
        width: 100%;
    }
    .news-section {
        margin-bottom: 10px;
    }
    .headerTop {
        display: none;
    }
    .headerTop-mobile {
        display: block;
    }
    .topInfo li:last-child {
        border-right: 0px;
    }
    .indian-emblem .logo {
        width: calc(100% - 13px);
    }
    .indian-emblem .col-md-9 p {
        display: none;
    }
    .middle-header .indian-emblem {
        margin-top: 0px;
    }
    .right-select-language {
        padding: 5px 10px;
        background-image: none;
        font-size:93%;
    }
    .right-search-bar {
        padding: 0px 0;
        font-size: 85%;
    }
    .right-search-bar input {
        height: 73%;
    }
    .right-select-language-mobile {
        display: block;
        padding: 0px;
        width: 48%;
        margin-right: 2%;
    }
    .desktop {
        display: none;
    }
    .banner .scrollbar-text h4 {
        padding: 5px;
        font-size: 79%;
    }
    .milestones-header .main-title h3 {
        font-size: 18px;
    }
    .newstrack-section {
        margin-top: 5%;
    }
    .headerTop-mobile .right {
        text-align: right;
    }
    .headerTop-mobile .right .topInfo {
        margin-right: -25px;
    }
    .headerTop-mobile .left {
        padding-left: 0px;
    }
    .banner {
        margin-top: 5px;
    }
    .carousel .item a img {
        margin-left: 0%;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        top: 30%;
    }
    .ehover12 img {
        max-width: none;
        width: calc(100% + -40px);
        margin: 0 auto;
    }
    .banner .panding-imaappweb {
        margin-top: 0px;
    }
    .headerBtm {
        padding-bottom: 0px;
    }
    #owl-demo .item {
        padding: 0px;
        margin: 0px;
        margin-bottom: -10px
    }
    .milestones-header {
        margin-bottom: 15px;
        margin-top: -2px;
    }
    .customNavigation {
        top: 40%;
    }
    .prev {
        left: 0px;
    }
    .control .next {
        right: -15px;
    }
    .arrow {
        height: 10px;
        width: 10px;
        margin-top: 5px;
        margin-right: 5px;
        margin-left: 0px;
    }
    .newstrack-header {
        margin-bottom: -6px;
    }
    .news-header {
        margin-bottom: 10px;
    }
    .navbar-collapse {
        max-height: 850px;   
    }
    /*inner pages*/
    .inner-page-left, .inner-page-right {width: 100%;}
    #login-page .vc-img {margin: 9PX 0 10px 9%;}
    #login-page{min-height: 644px;}
    #login-page .not-register{text-align: center;margin-top: 2%;}
    #login-page .login-btn{margin-bottom: 5%;}

    #signup-page{min-height: 1025px;}
    #signup-page .login-btn {margin-left: 30%;}
    #signup-page  .register {margin-top: 6%;text-align: center;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {    
        position: static; top:initial; left: initial;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li {
        border-left: 3px solid #75be64;
    }
}



/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
    .middle_footer_lefts {
        float: none !important;
        width: 100% !important;
        font-weight: 600;
        font-size: 14px;
        text-align: center !important;
    }

    .middle_footer_rights {
        float: none !important;
        width: 100% !important;
        font-weight: 600;
        font-size: 14px;
        text-align: center !important;
    }

    span.emag {
        padding: 0px;
        MARGIN-LEFT: -9px;
        margin-top: 17px;
    }

    #user-login, #user-register-form, #user-pass {
        margin: 10px;
        background: #fff;
        padding: 1px 15px 5px 24px;
        color: #000;
        width: 96%;
        float: none;
    }

    .signup-message, .page-user-register .signup-message {
        margin: 54px 0 0 29px;
        float: none;
    }

    #otplogin-form div {
        background-color: #fff;
        width: 96%;
        padding: 0px 0px 0px 8px;
        margin-top: 5px;
    }

    #otplogin-form {
        color: #000;
        padding: 25px 11px 33px 18px;
        background-image: url(/writereaddata/files/login-page-bg.png);
        background-repeat: no-repeat;
        height: auto;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        margin-top: 25px !important;
    }

    ul.blog-item li {
        float: left;
        width: 100% !important;
        list-style: none;
        margin: 5px;
        height: 550px;
        border: 1px solid #6c84f1;
        padding: 9px;
    }

    .caret-container {
        margin-left: 33%;
    }

    .newstrack-section .newstrack-block ul li .left-segment {
        height: auto;
    }

    .indian-emblem .logo {
        width: 67%;
        margin-top: 12%;
    }

    .open-menu-link {
        display: none;
    }

    .ima-icon.visible {
        display: block;
    }

    /*inner pages*/
    .inner-page-left, .inner-page-right {
        width: 100%;
    }

    .side-submenu {
        padding-right: 0px;
    }

    .right-content {
        padding-left: 0px;
    }

    .news-letter-banner {
        margin: 10px 0px;
    }

    .blog-item-outer {
        margin-bottom: 10px;
    }

    .contact-us {
        background-position-x: -121px;
        min-height: 488px;
        width: 97.5%;
        margin: 10px 0 10px 0;
    }

    #di-newsletter-feedback .bottom-section .btn {
        margin-bottom: 5%;
    }

    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {
        position: static;
        top: initial;
        left: initial;
    }

    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li {
        border-left: 3px solid #75be64;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
	.middle_footer_lefts{float:none !important; width:100% !important; font-weight:600; font-size:14px; text-align:center !important;}
   .middle_footer_rights{float:none !important; width:100% !important; font-weight:600; font-size:14px;  text-align:center !important;}
span.emag {padding: 0px; MARGIN-LEFT: -9px; margin-top: 17px;}
	#user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
ul.blog-item li { float: left;  width: 100% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
    .indian-emblem .logo{width:67%; margin-top: 12%;}
    /*inner pages*/
    .inner-page-left, .inner-page-right {width: 100%;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {    
        position: static; top:initial; left: initial;}
.vision-and-vision-areas .block-arrow {margin: 17px 11px 10px 77px;-ms-transform: rotate(90deg); /* IE 9 */    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */    transform: rotate(90deg);}
.vision-and-vision-areas .vision-box {     margin-left: 15%;}
.vision-and-vision-areas  h4.panel-title { font-size: 93%;}
    .vision-and-vision-areas .content-toggle {
        height: 1027px;
    }
                                            
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
.middle_footer_lefts{float:none !important; width:100% !important; font-weight:600; font-size:14px; text-align:center !important;}
   .middle_footer_rights{float:none !important; width:100% !important; font-weight:600; font-size:14px;  text-align:center !important;}
span.emag {padding: 0px; MARGIN-LEFT: -9px; margin-top: 17px;}
	#user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
ul.blog-item li { float: left;  width: 100% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
    .desktop{display: none;}
    .headerTop{display: none;}

    .open-menu-link {display: none;}
    .ima-icon.visible {display: block;}

    nav#navbar {top:0}
    nav#navbar ul.nav li {width: 100%;}
    nav#navbar ul.nav li a i {float: left;width: 40px;height: 40px;}
    nav#navbar ul.nav li a {padding: 0;  margin: 5px 0 21px 10px;}
    nav#navbar ul.nav li a p {text-align: left;padding: 13px 0 0 53px!important;}
    nav#navbar ul.nav li ul.dropdown-menu li a {margin: 10px;}

    .indian-emblem .col-md-9 p {display: none;}
    .indian-emblem .logo{width:67%; margin-top: 12%;}
    .right-select-language {padding: 5px 10px;background-image: none;font-size:93%;}
    .right-select-language-mobile {display: block;padding: 0px;width: 48%;margin-right: 2%;}
    .right-row-no-margin {margin-left: 0px!important;}
    .right-search-bar .control {height: 37px;font-size: 1.2em;}
    .caret-container {padding: 5% 5%;margin-left: 33%;}
    .navbar-toggle {margin: -85px -10px 18px 0;}
    .ehover12 img {max-width: none;width: calc(100% + -40px); margin: 0 auto;}
    .banner {margin-top: 5px;}
    .banner img { width: 100%;}
    .banner .row {margin-right: -15px; margin-left: -8px;}
    .banner .panding-imaappweb {margin-top: 0px;}
    .headerBtm {padding-bottom: 0px;}
    .spacer5-for-mobile {display: block;height: 5px;width: 100%;clear: both;}
    .remove-margin-bottom-for-mobile {margin-bottom: 0px!important;}
    .hide-in-mobile {display: none;}
    .hover {margin-left: 14px;}
    .ehover12 .overlay {display: none;}
    .areclickables-section .areclickables-content-2 {margin-top: 10px;}
    .milestones-header {margin-bottom: 15px;margin-top: -2px;}
    #owl-demo .item {padding: 0px;margin: 0px;margin-bottom: -10px}
    .milestones h4 { margin: 10px 0 25px;}
    .news-header {margin-bottom: 10px;}
    .newstrack-section { margin-top: 5%;}
    .newstrack-header { margin-bottom: -6px;}
    .newstrack-section .newstrack-block ul li .left-segment {height: auto;width: 100%;}
    .newstrack-section .newstrack-block ul li .left-segment img {width: 100%;}
    .newstrack-section .newstrack-block ul li .right-segment {width: 100%;height: auto;}
    /*for inner page*/
    .right-content {padding-left: 0px;}
    .side-submenu {padding-right: 0px;}
    .blog-item-outer{margin-bottom: 10px;}
    .blog-item-outer:last-child{margin-bottom: 0px;}
    .inner-page-left, .inner-page-right {width: 100%;}
    .di-initiatives-item h4 img {width: 26%;}   
    .news-letter-feed-back a {width: 200px;margin: 5% 31%;}
    .news-letter-banner {margin: 10px 0px 10px 0px;}  
    .blog {margin:10px;}
    .contact-us {background-position-x: -130px;min-height: 510px;width: 97%;margin: 10px 0 10px 0;}

    #login-page .vc-img {margin: 9PX 0 10px 9%;}
    #login-page{min-height: 644px;}
    #login-page .not-register{text-align: center;margin-top: 2%;}
    #login-page .login-btn{margin-bottom: 5%;}

     #signup-page{min-height: 999px;}
    #signup-page .login-btn {margin-left: 26%;}
    #signup-page  .register {margin-top: 6%;text-align: center;}
    
    #login-with-otp{min-height: 338px;}    
    .website-feebback {background-image: none;}
    .website-feebback .title-heder h4{width: 83%;}
    .website-feebback .website-feebback-container {margin-top: 20px;margin-bottom: 20px; }   

    #di-newsletter-feedback .bottom-section .btn {margin-bottom: 5%;}
   /*for inner page ends*/
   nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {    
        position: static; top:initial; left: initial;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li {
        border-left: 3px solid #75be64;
    }
.vision-and-vision-areas .block-arrow {    margin: 17px 64px 15px 66px;-ms-transform: rotate(90deg); /* IE 9 */    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */    transform: rotate(90deg);}
.vision-and-vision-areas .vision-box {     margin-left: 27%;}
.vision-and-vision-areas  h4.panel-title { font-size: 93%;}
    .vision-and-vision-areas .content-toggle {
        height: 1000px;
    }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    /*for inner page*/

.vision-and-vision-areas .block-arrow {margin: 17px 18px 10px 77px;-ms-transform: rotate(90deg); /* IE 9 */    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */    transform: rotate(90deg);}
.vision-and-vision-areas .vision-box {     margin-left: 15%;}
.vision-and-vision-areas  h4.panel-title { font-size: 93%;}
    .vision-and-vision-areas .content-toggle {
        height: 1027px;
    }
                                            
	.middle_footer_lefts{float:none !important; width:100% !important; font-weight:600; font-size:14px; text-align:center !important;}
   .middle_footer_rights{float:none !important; width:100% !important; font-weight:600; font-size:14px;  text-align:center !important;}
span.emag {padding: 0px; MARGIN-LEFT: -9px; margin-top: 17px;}
	#user-login, #user-register-form, #user-pass { margin: 10px; background: #fff; padding: 1px 15px 5px 24px; color: #000; width:96%; float: none;}
   .signup-message, .page-user-register .signup-message {  margin: 54px 0 0 29px; float: none;}
   #otplogin-form div { background-color: #fff; width: 96%; padding: 0px 0px 0px 8px; margin-top: 5px;}
   #otplogin-form {color: #000; padding: 25px 11px 33px 18px; background-image: url(/writereaddata/files/login-page-bg.png); background-repeat: no-repeat; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;margin-top: 25px !important;}
ul.blog-item li { float: left;  width: 100% !important;  list-style: none;  margin: 5px;  height: 550px;  border: 1px solid #6c84f1; padding: 9px;}
    .inner-page-left,.inner-page-right{width: 100%;}  
    .right-content {padding-left: 0px;}
    .side-submenu {padding-right: 0px;}
    .quiz-date{font-size:85%}
    /*for inner page ends*/
    .indian-emblem .logo{width:60%; margin-top: 20%;}
    .open-menu-link {display: none;}
    .ima-icon.visible {display: block;}
    .ehover12 .overlay {display: none;}
    .show-in-mobile {display: block; }
    .show-in-desktop {display: none;
    }
    .hide-in-mobile {
        display: none;
    }
    .spacer5-for-mobile {
        display: block;
        height: 5px;
        width: 100%;
        clear: both;
    }
    .remove-margin-bottom-for-mobile {
        margin-bottom: 0px!important;
    }
    .remove-margin-left-for-mobile {
        margin-left: 0px!important;
    }
    .remove-margin-right-for-mobile {
        margin-right: 0px!important;
    }
    .remove-margin-top-for-mobile {
        margin-top: 0px!important;
    }
    marquee {
        font-size: 0.9em;
    }
    .banner img {
        width: 100%;
    }
    ul.right-select-language .dropdown-toggle {
        font-size: 0.9em;
    }
    .right-search-bar input {
        width: 50px;
    }
    .right-search-bar .control {
        height: 30px;
        font-size: 1.2em;
    }
    nav#navbar ul.nav li {
        width: 100%;
    }
    nav#navbar ul.nav li a i {
        float: left;
        width: 40px;
        height: 40px;
    }
    nav#navbar ul.nav li a {
        padding: 0;
        margin: 5px 0 21px 10px;
    }
    nav#navbar ul.nav li a p {
        text-align: left;
        padding: 13px 0 0 53px!important;
    }
    .right-row-no-margin {
        margin-left: 0px!important;
    }
    .left-row-no-margin {
        margin-left: -15px!important;
    }
    nav#navbar ul.nav li ul.dropdown-menu li a {
        margin: 10px;
    }
    .banner .row {
        margin-right: -15px;
        margin-left: -8px;
    }
    .areclickables-section .areclickables-content-2 {
        margin-top: 10px;
    }
    .newstrack-section .newstrack-block ul li .left-segment {
        height: auto;
        width: 100%;
    }
    .newstrack-section .newstrack-block ul li .left-segment img {
        width: 100%;
    }
    .newstrack-section .newstrack-block ul li .right-segment {
        width: 100%;
        height: auto;
    }
    .footer-logos .col-xs-2 img {
        width: 55%;
    }
    .topInfo li {
        float: none;
    }
    .topInfo li a {
        font-size: 71%;
        text-align: left;
        padding: 0px 6px;
    }
    .topInfo li:last-child a {
        border-right: 0px;
    }
    .topInfo li:first-child {
        border-right: 1px solid #040404;
    }
    .middle-header .indian-emblem {
        text-align: center;
    }
    .middle-header p {
        text-align: center;
        padding: 0px;
        margin: 0px;
    }
    .navbar-header {
        margin-top: -80px;
    }
    .media-carousel img {
        margin-left: 82%;
    }
    .milestones h4 {
        margin: 10px 0 25px;
    }
    .banner .scrollbar-text {} .banner .scrollbar-text ul a {
        font-size: 71%;
        line-height: 14px;
    }
    .navbar-header i {
        color: #000000;
    }
    .newstrack-header {
        width: 100%;
    }
    .news-section {
        margin-bottom: 10px;
    }
    .headerTop {
        display: none;
    }
    .headerTop-mobile {
        display: block;
    }
    .topInfo li:last-child {
        border-right: 0px;
    }
    /*.indian-emblem .logo {
        width: calc(100% - 13px);
    }*/
    .indian-emblem .col-md-9 p {
        display: none;
    }
    .middle-header .indian-emblem {
        margin-top: 0px;
    }
    .right-select-language {
        padding: 5px 10px;
        background-image: none;
        font-size:93%;
    }
    .right-search-bar {
        padding: 0px 0;
        font-size: 85%;
    }
    .right-search-bar input {
        height: 73%;
    }
    .right-select-language-mobile {
        display: block;
        padding: 0px;
        width: 48%;
        margin-right: 2%;
    }
    .desktop {
        display: none;
    }
    .banner .scrollbar-text h4 {
        padding: 5px;
        font-size: 79%;
    }
    .milestones-header .main-title h3 {
        font-size: 18px;
    }
    .newstrack-section {
        margin-top: 5%;
    }
    .headerTop-mobile .right {
        text-align: right;
    }
    .headerTop-mobile .right .topInfo {
        margin-right: -25px;
    }
    .headerTop-mobile .left {
        padding-left: 0px;
    }
    .banner {
        margin-top: 5px;
    }
    .carousel .item a img {
        margin-left: 0%;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        top: 30%;
    }
    .ehover12 img {
        max-width: none;
        width: calc(100% + -40px);
        margin: 0 auto;
    }
    .banner .panding-imaappweb {
        margin-top: 0px;
    }
    .headerBtm {
        padding-bottom: 0px;
    }
    #owl-demo .item {
        padding: 0px;
        margin: 0px;
        margin-bottom: -10px
    }
    .milestones-header {
        margin-bottom: 15px;
        margin-top: -2px;
    }
    .customNavigation {
        top: 40%;
    }
    .prev {
        left: 0px;
    }
    .control .next {
        right: -15px;
    }
    .arrow {
        height: 10px;
        width: 10px;
        margin-top: 5px;
        margin-right: 5px;
        margin-left: 0px;
    }
    .newstrack-header {
        margin-bottom: -6px;
    }
    .news-header {
        margin-bottom: 10px;
    }
    .navbar-collapse {
        max-height: 850px;   
    }
    /*for inner pages*/
    .blog-item-outer{margin-bottom: 10px;}
    .blog-item-outer:last-child{margin-bottom: 0px;}
    .news-letter-feed-back a {width: 122px;margin: 5% 30%;}
    .di-initiatives-item h4 img {width: 26%;}
    #login-page .vc-img {margin: 9PX 0 10px 9%;}
    #login-page{min-height: 644px;}
    #login-page .not-register{text-align: center;margin-top: 2%;}
    #login-page .login-btn{margin-bottom: 5%;}

    #signup-page{min-height: 1103px;}
    #signup-page .login-btn {margin-left: 8%;}
    #signup-page  .register {margin-top: 6%;text-align: center;}
    #di-newsletter-feedback .bottom-section .btn {margin-bottom: 7%;}
   
    #login-with-otp{min-height: 314px;}

   .forgot-your-password{min-height: 490px;}
   .forgot-your-password .not-register{text-align: center;margin-top: 3%;}
   .forgot-your-password .login-btn{margin-left: 0%}

    .website-feebback {background-image: none;}
    .website-feebback .title-heder h4{width: 83%;}
    .website-feebback .website-feebback-container {margin-top: 20px;margin-bottom: 20px; }
    /*.news-letter-banner {min-height: 0px;background-size: 90.5%;}
    .news-letter-banner h1{font-size:16px;}
    .news-letter-banner h4{font-size:85%;}
    */
    .news-letter-banner {margin: 10px 0px;}
    .blog {margin:0px 10px 0px 10px;}
    .blog-item-outer {padding-left: 0px;padding-right: 0px;}
    .contact-us {background-position-x: -231px;min-height: 507px;width: 96%;margin:10px 0 10px 0;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {    
        position: static; top:initial; left: initial;}
    nav#navbar ul.nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li {
        border-left: 3px solid #75be64;
    }
}






/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    #signup-page{min-height: 1025px;}
    #signup-page .login-btn {margin-left: 30%;}
    #signup-page  .register {margin-top: 6%;text-align: center;}

}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}
@media only screen and (min-width: 0px) and (max-width: 768px){
    .breadcrumb{display: none;}
.vision-and-vision-areas .block-1-content, .vision-and-vision-areas .block-2-content, .vision-and-vision-areas .block-3-content { margin-bottom: 10px;}
}