/**Responsive Design for ICCR website**/

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

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

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
.container { max-width: 100% !important;}
.float-element a.sw-logo{display:none;}
.banner-wrapper .flexslider { width: 40%;}
.scholarship_portal{width:30%;}
.dunya{left:76%;}
.celebrities-box{width:100%;}
.social-media-sec ul li{width:100%; margin:8px 0;}
.linking ul > li{width:32%; min-height:57px; height:57px;}
.linking ul > li > span{min-height:57px; height:57px;}
.linking ul > li > a{font-size:13px; line-height: normal;}

/*Photo Gallery*/
.gallery-area .slides img, .video-sec iframe{height:200px;}
.whats-new .col-lg-4:nth-child(2){height:200px;}
.view-category-photo-gallery .view-content .views-row{width: 23%; margin: 7px;}
.view-category-photo-gallery .view-content .views-row a:nth-child(2){width:100%; font-size: 12px;}
.view-category-photo-gallery .view-content .views-row a>img{height:100px;}
.video-sec iframe, .video-sec video{height:200px;}
a.all-video{left:0;}

/*****Flash News Section****/
.iccr-homepage-news .flash-news{min-width:30%;}
.iccr-homepage-news marquee{width:67%;}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
/*Photo Gallery*/	
.view-category-photo-gallery .view-content .views-row{ width: 23%; margin: 4px;}
.view-category-photo-gallery .view-content .views-row a:nth-child(2){width:100%;}
.view-category-photo-gallery .view-content .views-row a>img{height:100px;}

/*Video Gallery*/
.page-media-video-gallery .view-content .views-row{width:23%; margin: 7px; height:210px;}
.page-media-video-gallery .view-content .views-row iframe{height:150px;}

#webform-client-form-13 .form-actions{margin:0;}

ul.pager{float:left; width:100%;}	
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
.logo { min-width: 240px !important;}	
.float-element ul {margin: 0; font-size: 14px;}
.right-content a.sw-logo{display:none;}
.container{max-width: 100% !important;}	
.logo{min-height: 70px;}
.logo img {max-width: 55px;}
.logo span:nth-child(2){padding-top:5px;}
.logo {min-width: 290px;}
.logo span:nth-child(2){font-size:92%;}
.logo span:nth-child(3){font-size:70%;}
.header-right{font-size:14px;}
.float-element ul{margin:0;}

.banner-wrapper{height:200px;}
.banner-wrapper .flexslider .slides li img{height:200px;}
.dunya{transform: translate(-15%); margin:0;}
.iccr-about{background:none;}
.celebrities-sec{width:100%;}
.scholarship_portal{display:none;}	
.iccr-about{padding-bottom:30px;}

/*****Flash News Section****/
.iccr-homepage-news .flash-news{min-width:30%;}
.iccr-homepage-news marquee{width:67%;}

/*minister Section*/
.celebrities-box{width:32%; margin: 0 3px; height:80px; padding-top:0;}
.celebrities-box h2{font-size: 85%;}
.celebrities-box img{margin-top:10px;}

/*ICCR Activities*/
.linking ul > li{width:32%;}
.linking ul > li > a{font-size: 14px; line-height: normal;}

/*Contect with us*/
.social-media-sec ul li{width:25%; margin: 10px 0;}

/*Photo Gallery*/
.gallery-area .slides img{height:200px;}
.whats-new .col-lg-4:nth-child(2){height: 200px; width: 47%; position: absolute; right: 15px;}
.video-sec{margin-top:10px;}
.footer-wrap{ padding:10px 0;}


/*Innerpage Photo Gallery*/
.view-category-photo-gallery .view-content .views-row{width:32%; margin:4px;}
.view-category-photo-gallery .view-content .views-row a>img{width:100%; height:100px;}
.view-category-photo-gallery .view-content .views-row a:nth-child(2){width:100%;}

.gridview ul li{width:32%; margin:4px;}
.gridview ul li span.field-content{width:100%;}
.gridview ul li img{max-width:100%; height:100px; float:none;}
.gridview ul li span.field-content{font-size:14px;}
.pane-content .views-field-field-image{margin:0;}
.listview ul li img{margin-right:10px;}
ul.pager{float:left; width:100%;}

/*Video Gallery*/
.page-media-video-gallery .view-content .views-row{width:30%; height:160px; margin:3px;}
.page-media-video-gallery .view-content .views-row iframe{height:120px;}
#user-login label{width:40%;}
}




/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

.common-right ul, .common-left ul{margin-bottom:0;}
.common-left ul li{padding-left: 0 !important;}
.common-wrapper .common-right{border-top-color: #545454;}
.common-right ul li{border-left-color: #545454;}
.four_content .common-left{margin-top:0;}
.logo{width: 100%;}	
.logo span:nth-child(2){padding-top: 12px;}
.logo a span{float:left;  text-align:left; font-size: 15px !important;}
.logo img{margin: 0 auto; max-width: 70px; margin-right: 10px;}
.logo a{text-align:center;}
.right-content a.sw-logo{display:none;}
.float-element{margin:0;}
.header-right{float:none;}
.float-element ul{margin: 0; text-align: center;line-height: 20px; margin-bottom: 10px; font-size: 15px;}
.empanelment-top{display:none;}
.banner-wrapper{height:auto;}
.celebrities-box{width:100%;}
.iccr-about{background:none; padding-bottom: 10px;}

.scholarship_portal{width:100%; display:none;} 
.scholarship_portal img {height: 205px;width: 100%;}
.banner-wrapper .flexslider{width:100%;}
.banner-wrapper .flexslider .slides li img {height: 135px;}
.linking ul > li{width:100%;}
.linking:after{content:none;}
.social-media-sec ul li{margin: 5px 0;}
.gallery-area .slides img, .video-sec iframe, .video-sec video{height:180px;}
.whats-new .col-lg-4:nth-child(2){width: 334px; margin:10px auto; padding: 0 !important;}
.important-link-area{width:100%;}

.some-activities .col-lg-5.col-md-5.col-sm-12.col-xs-12{
  padding-left: 15px!important;
}
.social-media-sec .facebook{float: none;margin-bottom: 20px;width: 100%;}
.social-media-sec .twitter{float: none;width: 100%;}

/*****Flash News Section****/
.iccr-homepage-news .flash-news,
.iccr-homepage-news marquee{min-width:100%;}

/*Innerpage Photo Gallery*/
.view-category-photo-gallery .view-content .views-row{width:48%;}
.view-category-photo-gallery .view-content .views-row:nth-child(even){float:right;}
.view-category-photo-gallery .view-content .views-row:nth-child(odd){float:left;}
.view-category-photo-gallery .view-content .views-row a>img{width:100%; height:100px;}
.view-category-photo-gallery .view-content .views-row a:nth-child(2){width:100%; font-size:12px;}
.gridview ul li{width:48%;}
.gridview ul li:nth-child(even){float:right;}
.gridview ul li span.field-content{width:100%;}
.gridview ul li img{width:100%; height:100px;}
.gridview ul li span.field-content{font-size:14px;}
.listview ul li h2{float:left; width:100%;}
.listview ul li{text-align:center;}
.pane-content .views-field-field-image{float:none; margin:0;}

/*Video Gallery*/
.page-media-video-gallery .view-content .views-row{width:48%; height:160px; margin:3px;}
.page-media-video-gallery .view-content .views-row:nth-child(even){float:right;}
.page-media-video-gallery .view-content .views-row iframe{height:120px;}
#user-login label,
#user-login input, #user-login select{width:100%;}	
}

@media only screen and (max-width: 320px) {
.logo img{margin:0;}	
.logo a span{font-size:13px !important;}
.float-element ul li:nth-child(1){font-size:13px;}
.whats-new .col-lg-4:nth-child(2){width:340px;}
.page-media-video-gallery .view-content .views-row{width:47%; height:175px; margin:4px;}
.page-media-video-gallery .view-content .views-row iframe{height:120px;}
#search-form #edit-keys{width:235px;}
.ico-skip{display:none;}

}


/*iphone Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.photo-slider{width:48%;}
.view-category-photo-gallery .view-content .views-row{width: 31%;}
.view-category-photo-gallery .view-content .views-row a:nth-child(2){font-size:12px;}
.four_content .common-right{height:38px;}

}


@media (max-width: 940px) {
.mean-container .mean-nav{margin-top:34px;}	
.mean-container .mean-bar{min-height:30px; height:30px;}	
.mean-container .mean-nav ul li a{ text-transform:capitalize; font-size: 13px; border-top-color: #545454;}
.mean-container .mean-nav ul li a.mean-expand{height:18px;}	
.mean-container .mean-bar{background: #0072bc;}	
.mean-container a.meanmenu-reveal{padding:10px; height:18px;}
.mean-container .mean-nav ul li a:focus{color:#fff !important;}

.logo span:nth-child(2){font-size: 80%;}
.logo span:nth-child(3){font-size:60%;}
.common-left ul{margin:0;}
.four_content .common-left ul li span{text-align:center; width:100%; float:none;}
.common-left ul li.ministry{padding-top: 0 !important; padding:10px 0 !important;}
.gov-india{display:none;}
.linking:after{content:none;}
.footer-wrap{padding:10px 0;}
.not-front .banner-wrapper{height:auto;}
ul.pager{float:left; width:100%;}	
#webform-client-form-13 .form-actions{margin:0;}
#webform-client-form-13 .form-item input, #webform-client-form-13 .form-item select,
#webform-client-form-13 .form-item .form-textarea-wrapper{width:100%;}
h1.heading{font-size: 150%;}
.pane-content h2{font-size:140%;}
ul.pager li{margin-bottom:3px !important;}
.pane-content h3{ font-size: 130%; line-height:27px;}
.ctools-modal-content{width: 96% !important; margin: 0 auto !important;}
#modalContent{left: 0 !important;}
#user-login .description{width:100%;}
#user-login a{width:60%; float:left;}


.slider-caption{line-height: normal; font-size: 14px;}
a.all-video{left:0;}
}