﻿/* ============================ Responsive styles for Homepage =============================== */
/* general */
.home-faq-wp .cbq-layout-main {width:100%;}
.home-youtube-container iframe {width:100%;}


/* ------------- 990: Large Devices, ------------- */
@media only screen and (min-width : 992px) {

/* home section - home-side-participate */
.links-participate li.e-icon-survey a {background-position:-346px 0px}
.links-participate li.e-icon-survey a:hover {background-position:-346px -90px;}
.links-participate li.e-icon-feedback a {background-position:-230px 0px}
.links-participate li.e-icon-feedback a:hover {background-position:-230px -90px;}
.links-participate li.e-icon-ideas a {background-position:-115px 0px}
.links-participate li.e-icon-ideas a:hover {background-position:-115px -90px;}
.links-participate li.e-icon-vote a {background-position:5px 0px}
.links-participate li.e-icon-vote a:hover {background-position:5px -90px;}



}



/* -------------  768 : Medium Devices, Desktops ------------- */
@media only screen and (max-width : 991px) and (min-width : 768px) {

.home-content-main {width:740px;}
.home-content-aside {width:740px;}
#tabs-contents{width:634px;height:auto;min-height:200px;}
.links-participate {width: 740px;}
.links-participate li{width: 183px;}
.home-main-issues {width: 580px;}
ul.home-issues {width:580px;}
.home-main-news {width: 740px;}
#home_main_ads_carousel .viewport {width:740px;}  
/*.home-side-missions {width:420px;float:right;}*/
.home-side-quickaccess {width:300px;float:left;height:165px;}
.home-side-quickaccess-cont select {width:280px;margin-top:20px;}
.home-side-quickaccess-cont input , .home-side-quickaccess-cont .select2-container{margin-top:20px;}

.links-participate li.e-icon-survey a {background-position: -293px 0px;}
.links-participate li.e-icon-survey a:hover {background-position:-293px -90px;}
.links-participate li.e-icon-feedback a {background-position: -176px 0px;}
.links-participate li.e-icon-feedback a:hover {background-position:-176px -90px;}
.links-participate li.e-icon-ideas a {background-position:-60px 0px}
.links-participate li.e-icon-ideas a:hover {background-position:-60px -90px;}
.links-participate li.e-icon-vote a {background-position:60px 0px}
.links-participate li.e-icon-vote a:hover {background-position:60px -90px;}

.home-twitter {width: 300px;}
.home-important-links {width: 420px;}
.home-social-right {float:right;width:300px;}
.home-social-left {float:left;width:420px;}

/* home news */
.news-item .news-img, .news-item .news-img img {    width: 384px;height:230px;}
.news-item .news-details {width:244px;height:190px;}
#home_news_slider {    height: 230px;}

/* boxes */
.home-links .home-links-4 li a {    font-size: 15px;}
.home-links .home-links-4 li a i {margin:0 0 10px;}
.home-links .home-links-2 li a {    font-size: 16px;}

.home-links .home-links-2 li a {background-position:40px center;}
.home-links .home-links-2 li a:hover {background-position:30px center;}

/* sliders */
#home-youtube .owl-carousel .owl-controls .owl-nav .owl-prev, #home-infographic .owl-carousel .owl-controls .owl-nav .owl-prev {    right: -10px;}
#home-youtube .owl-carousel .owl-controls .owl-nav .owl-next, #home-infographic .owl-carousel .owl-controls .owl-nav .owl-next {    left: -10px;}

/* home_main_ads_carousel */
#home_main_ads_carousel {overflow:hidden;}

}

/* ------------- 660: Small Devices, Tablets ------------- */
@media only screen and (max-width : 767px) and (min-width : 660px) {
.home-content-main {width:620px;}
.home-content-aside {width:620px;}
#tabs-contents{width:514px;height:auto;min-height:200px;}
.links-participate {width: 620px;}
.links-participate li{width: 153px;}
.home-main-issues {width: 460px;}
ul.home-issues {width:460px;}
.home-main-news {width: 620px;}
#home_main_ads_carousel .viewport {width:620px;}  
/*.home-side-missions {width:300px;float:right;}*/
.home-side-quickaccess {width:300px;float:left;height:165px;}
.home-side-quickaccess-cont select {width:280px;margin-top:20px;}
.home-side-quickaccess-cont input , .home-side-quickaccess-cont .select2-container{margin-top:20px;}

.links-participate li.e-icon-survey a {background-position: -305px 0px;}
.links-participate li.e-icon-survey a:hover {background-position:-305px -90px;}
.links-participate li.e-icon-feedback a {background-position: -190px 0px;}
.links-participate li.e-icon-feedback a:hover {background-position:-190px -90px;}
.links-participate li.e-icon-ideas a {background-position:-76px 0px}
.links-participate li.e-icon-ideas a:hover {background-position:-76px -90px;}
.links-participate li.e-icon-vote a {background-position:44px 0px}
.links-participate li.e-icon-vote a:hover {background-position:44px -90px;}


.home-twitter {width: 300px;}
.home-important-links {width: 300px;}
.home-social-right {float:right;width:300px;}
.home-social-left {float:left;width:300px;}

.home-aside-col-1 , .home-aside-col-2 {float:	none;width:auto;}
.home-aside .home-wp {margin:20px 0;}
#home-infographic .infographic-photo-image img, #home-youtube .youtube-video-cover img {width:230px;height:200px;}
.home-aside .owl-carousel .owl-controls .owl-nav .owl-prev {right: 0px !important;}
.home-aside .owl-carousel .owl-controls .owl-nav .owl-next {left: 0px !important;}

.home-links .home-links-4 li a {font-size:14px;}
.home-links .home-links-2 li a {font-size:14px;background-position:10px center;}
.home-links .home-links-2 li a:hover {font-size:13px;background-position:0px center;}
.home-links .home-links-2 li a i {    zoom: 0.7;}
.home-links .home-links-4 {height:150px;}
.home-links .home-links-2 {height:80px;}

.news-item .news-img , .page-content .news-item .news-details {float:none;width:auto !important;}
.news-item .news-img {    width: 588px;}
.news-item .news-img img {width:588px !important;height:	353px !important;}
#home_news_slider {    height: 510px;}
.news-item .news-details {    height: 100px;width:auto;}
.owl-controls {margin-top:20px;}
.news-item .news-img i {display:	none;}


}


/* ------------- 480: Small Devices, Tablets ------------- */
@media only screen and (max-width : 659px) and (min-width : 480px) {
.home-content-main {width:460px;}
.home-content-aside {width:460px;}
#tabs-contents{width:354px;height:auto;min-height:200px;}
.links-participate {width: 460px;}
.links-participate li{width: 113px;}
.home-main-issues {width: 300px;}
ul.home-issues {width:300px;}
.home-issues h4 {padding: 10px 10px;    height: 53px;}
.home-main-news {width: 460px;}
#home_main_ads_carousel .viewport {width:460px;}  
/*.home-side-missions {width:460px;float:none;}*/
.home-side-quickaccess {width:460px;float:none;}
.home-side-quickaccess-cont select {width:280px;margin-top:0px;}
.home-side-quickaccess-cont input , .home-side-quickaccess-cont .select2-container{margin-top:0px;}
.home-important-links {width:460px;}
.home-main-warning {width: 460px;text-align:center;}
.links-participate li.e-icon-survey a {background-position: -327px 0px;}
.links-participate li.e-icon-survey a:hover {background-position:-327px -90px;}
.links-participate li.e-icon-feedback a {background-position: -209px 0px;}
.links-participate li.e-icon-feedback a:hover {background-position:-209px -90px;}
.links-participate li.e-icon-ideas a {background-position:-95px 0px}
.links-participate li.e-icon-ideas a:hover {background-position:-95px -90px;}
.links-participate li.e-icon-vote a {background-position:26px 0px}
.links-participate li.e-icon-vote a:hover {background-position:26px -90px;}



.home-twitter {width: 460px;}
.home-important-links {width: 460px;}
.home-social-right {float:none;width:460px;}
.home-social-left {float:none;width:460px;}


.home-aside-col-1 , .home-aside-col-2 {float:	none;width:auto;}
.home-aside .home-wp {margin:20px 0;}
#home-infographic .infographic-photo-image img, #home-youtube .youtube-video-cover img {width:230px;height:200px;}
.home-aside .owl-carousel .owl-controls .owl-nav .owl-prev {right: 0px !important;}
.home-aside .owl-carousel .owl-controls .owl-nav .owl-next {left: 0px !important;}

.home-links .home-links-4 li, .home-links .home-links-2 li {float:none;width:auto;margin-bottom:10px;} 
.home-links .home-links-2 li a {font-size:18px;background-position:130px center;}
.home-links .home-links-2 li a:hover {font-size:18px;background-position:120px center;}
.home-links .home-links-4, .home-links .home-links-2 {height:auto;}


.news-item .news-img , .page-content .news-item .news-details {float:none;width:auto !important;}
.news-item .news-img {    width: 428px;}
.news-item .news-img img {width:428px !important;height:	257px !important;}
#home_news_slider {    height: 475px;}
.news-item .news-details {    height: 160px;width:auto;}
.owl-controls {margin-top:20px;}
.news-item .news-img i {display:	none;}
.news-item .news-details p {    height: 100px;    overflow: hidden;}

}



/* ------------- 320 : Extra Small Devices, Phones ------------- */ 
@media only screen and (max-width : 479px) {

.home-content-main {width:300px;}
.home-content-aside {width:300px;}
#tabs-contents{width:194px;height:auto;min-height:200px;}
.links-participate {width: 300px;}
.links-participate li{width: 73px;}
.home-main-issues {width: 300px;float:none;}
.home-issues h4 {padding: 10px 10px;    height: 53px;}
ul.home-issues {width:300px;}
.home-twitter {width: 300px;}
.home-main-minister {float:none;width:100%;}
.minister-img {display:block;text-align:center;}
.home-main-news {width: 300px;}
#home_main_ads_carousel .viewport {width:300px;}  
/*.home-side-missions {width:300px;float:none;}*/
.home-side-quickaccess {width:300px;float:none;}
.home-side-quickaccess-cont select {width:200px;margin-top:0px;}
.home-side-quickaccess-cont input , .home-side-quickaccess-cont .select2-container{margin-top:0px;}
.home-important-links {width:300px;}
.home-main-warning {width: 300px;text-align:center;}
.links-participate li.e-icon-survey a {background-position: -344px 0px;}
.links-participate li.e-icon-survey a:hover {background-position:-344px -90px;}
.links-participate li.e-icon-feedback a {background-position: -229px 0px;}
.links-participate li.e-icon-feedback a:hover {background-position:-229px -90px;}
.links-participate li.e-icon-ideas a {background-position:-114px 0px}
.links-participate li.e-icon-ideas a:hover {background-position:-114px -90px;}
.links-participate li.e-icon-vote a {background-position:6px 0px}
.links-participate li.e-icon-vote a:hover {background-position:6px -90px;}

.home-aside-col-1 , .home-aside-col-2 {float:	none;width:auto;}
.home-aside .home-wp {margin:20px 0;}
#home-infographic .infographic-photo-image img, #home-youtube .youtube-video-cover img {width:230px;height:200px;}
.home-aside .owl-carousel .owl-controls .owl-nav .owl-prev {right: -30px !important;}
.home-aside .owl-carousel .owl-controls .owl-nav .owl-next {left: -30px !important;}
#home-youtube, #home-infographic {    max-width: 260px;}
.home-aside h1 {font-size:18px;}

.home-links .home-links-4 li, .home-links .home-links-2 li {float:none;width:auto;margin-bottom:10px;} 
.home-links .home-links-2 li a {font-size:14px;background-position:0px center;}
.home-links .home-links-2 li a:hover {font-size:13px;background-position:-10px center;}
.home-links .home-links-2 li a i {    zoom: 0.7;}
.home-links .home-links-4, .home-links .home-links-2 {height:auto;}
.home-links-mcc-gray li {float:none;width:auto;margin-bottom:20px;}
.home-links-mcc-gray {height:690px;	}


.news-item .news-img , .page-content .news-item .news-details {float:none;width:auto !important;}
.news-item .news-img {    width: 268px;}
.news-item .news-img img {width:228px !important;height:	137px !important;}
#home_news_slider {    height: 430px;}
.news-item .news-img i {display:	none;}
.news-item .news-details {    height: 254px;width:auto;}
.news-item .news-details p {    height: 140px;    overflow: hidden;}


}
