﻿/* ============================ Responsive styles for Homepage =============================== */
/* general */
.home-faq-wp .cbq-layout-main {width:100%;}

/* embassies home banner hide */
.home-main-banner {display:none;}
#home_side_ads  .owl-controls {position: absolute;top: 177px;right: 10px;}

/* ------------- 1200 : Extra Large Devices, Wide Screens ------------- */
@media only screen and (min-width : 1200px) {
.home-content-main, .home-footer-sitemap {width:850px;}
.home-content-aside, .home-footer-visited {width:300px;}
#tabs-contents{width:264px;}
.home-main-news-slider , #home_news_slider {width: 850px;}
.news-item .news-details {width: 410px;}
.news-item .news-details p {line-height: 22px;font-size: 13px;}
.news-item .news-details h4 a {line-height: 26px;font-size: 17px;}

.home-main-CountryLinks {width:450px;}
.News .rightPost {width: 640px;}
.home-main-ImportantLinks {width: 530px;}
.home-side-contact .contact-info-list span.details {width: 270px;}

 
}

/* ------------- 990: Large Devices, ------------- */
@media only screen and (max-width : 1199px) and (min-width : 992px) {
.home-main-news-slider , #home_news_slider {width: 700px;}
.news-item .news-details {width: 260px;}
.home-footer-visited {width: 200px;}

}



/* -------------  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-twitter {width: 420px;}
.home-main-news-slider , #home_news_slider {width: 740px;}
.news-item .news-details {width: 300px;}
.news-item .news-details p {line-height: 22px;font-size: 13px;}
.news-item .news-details h4 a {line-height: 26px;font-size: 17px;}
#home_main_ads_carousel .viewport {width:740px;}  

.home-side-quickaccess {width:300px;float:right;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;}


.home-main-CountryLinks {width: 340px;}
.News .rightPost {width: 530px;}
.home-main-ImportantLinks {width: 420px;}
.home-side-contact .contact-info-list span.details {width: 600px;}


}

/* ------------- 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-twitter {width: 300px;}
.home-main-news-slider , #home_news_slider {width: 620px;}
.news-item .news-details {width: 180px;}
.news-item .news-details p {line-height: 20px;font-size: 13px;}
.news-item .news-details h4 a {line-height: 22px;font-size: 15px;}
#home_main_ads_carousel .viewport {width:620px;}  
.home-side-quickaccess {width:300px;float:right;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;}

.home-main-services {width: 300px;}
.home-main-services li {width: 149px;}
.home-main-services li a {width: 149px;background-position:-17px  top;}
.home-main-services li a:hover {width: 149px;background-position:-17px  bottom;}
.home-main-services li:first-child a {background-position: -212px top;}
.home-main-services li:first-child a:hover { background-position: -212px bottom;}
.home-main-services li:first-child {border-right: 2px solid #fff;}

.News .rightPost {width: 410px;}
.home-main-ImportantLinks {width: 300px;}
.home-side-contact .contact-info-list span.details {width:500px;}

}


/* ------------- 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-twitter {width: 460px;}
.home-main-news-slider , #home_news_slider {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;}


.news-item .news-img {width:460px;}
.news-item .news-img img{height: 300px;width: 460px;}
.news-item .news-details  {width:420px;height: 125px;}
.home-main-news-slider , #home_news_slider {    height: 496px;}
.news-item .news-details p {line-height: 20px;font-size: 13px;}
.news-item .news-details h4 a {line-height: 22px;font-size: 15px;}
#home_news_slider .owl-carousel .owl-controls {top: 440px;}

.home-main-services {width: 210px;}
.home-main-services .dfwp-list {zoom:0.7;}
.home-main-services li {width: 149px;}
.home-main-services li a {width: 149px;background-position:-17px  top;}
.home-main-services li a:hover {width: 149px;background-position:-17px  bottom;}
.home-main-services li:first-child a {background-position: -212px top;}
.home-main-services li:first-child a:hover { background-position: -212px bottom;}
.home-main-services li:first-child {border-right: 2px solid #fff;}

.home-main-CountryLinks {width: 230px;}
.home-main-CountryLinks .dfwp-list {zoom:0.7;}
.home-main-CountryLinks .ms-WPBody {min-height: 74px;}
.News .rightPost {width: 250px;}
.home-main-ImportantLinks {width:auto;float:none;}
.home-main-ads {float:none;margin:0 auto 20px;}


}



/* ------------- 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;}
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-slider , #home_news_slider {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;}


.news-item .news-img {width:300px;}
.news-item .news-img img{height: 200px;width:300px;}
.news-item .news-details  {width:260px;height: 200px;}
.home-main-news-slider , #home_news_slider {    height: 470px;}
.news-item .news-details p {line-height: 20px;font-size: 13px;}
.news-item .news-details h4 a {line-height: 22px;font-size: 15px;}
#home_news_slider .owl-carousel .owl-controls {top: 415px;}

.home-main-services {width: 300px;}

.home-main-services li {width: 149px;}
.home-main-services li a {width: 149px;background-position:-17px  top;}
.home-main-services li a:hover {width: 149px;background-position:-17px  bottom;}
.home-main-services li:first-child a {background-position: -212px top;}
.home-main-services li:first-child a:hover { background-position: -212px bottom;}
.home-main-services li:first-child {border-right: 2px solid #fff;}

.home-main-news .dfwp-item {margin:0 0 20px!important ;}
.News .leftPost {width:auto !important;text-align:center;padding-top:10px;}
.home-main-ImportantLinks {width:auto;float:none;}
}

