/* This CSS for wide Mobile*/
@media(max-width: 767px) {
.mainmenu  {display:none}
.slicknav_menu { display: block;}

.header_area{}
.header_inner{}
.logo{}
.logo a{}
.logo a img{}

.navigation_area{}
.navigation_inner{}
.mainmenu{}
.mainmenu ul#nav {}
.mainmenu ul#nav li {}
.mainmenu ul#nav li a {}
.mainmenu ul#nav li a span{}
.mainmenu ul#nav li a:hover {}
.mainmenu ul#nav li ul {}
.mainmenu ul#nav li:hover ul{}
.mainmenu ul#nav li ul li{}
.mainmenu ul#nav li ul li a{}
.social_network{
margin-top:0;
}
.social_network ul{
text-align:center;
}
.social_network ul li{
padding:10px 0;
}
.social_network ul li a{}

.intro_area{}
.intro_inner{}
.intro_inner img{}

.featured_area{}
.featured_title{}
.featured_title h2{}
.featured_title span{}
.featured_content{}
.featured{
margin-bottom: 12px;
}
.featured img{
width:100%;
}
.featured_overlay{}
.featured_overlay_content{}
.featured_overlay_content a{
border:0;
}
.featured_overlay_content a span{}
.featured_column{}
.featured_column img{
width:100%;
}
.activities_area{}
.activities_inner{}
.activities_title{}
.activities_title h2{}
.activities_title span{}
.activities{}
.activities_column{
margin-bottom: 15px;
}
.activities_column h4{
font-size: 20px;
}
.activities_column h2{
font-size: 15px;
line-height: 26px;
}
.activities_column p{}
a.read_more{}
.news_area{}
.news_title{}
.news_title h2{}
.news_title span{}
.news_column{}
.news_column img{
width: 100%;
height:auto;
}
.news_column h2{}
.news_column p{}
.single_content{
margin-top: 10px;
}
.single_content h3{}
.single_content p{}
a.action_btn{}
.media_space_area{}
.media_title{}
.media_title span{}
.media_title h2{}
.single_media{}
.single_media img{
height: auto;
width: 100%;
}
.media_content{
padding:5px;
}
.media_content h3{
font-size: 14px;
line-height: 21px;
margin: 8px 0;
}
.media_content p{
font-size: 12px;
line-height: 20px;
margin: 10px 0;
}
.media_content a{
font-size: 13px;
height: 40px;
line-height: 40px;
width: 122px;
}
.clients_area{}
.clients_inner{}
.clients{}
.clients ul{}
.clients ul li{
display: inline-block;
margin-bottom: 7px;
}
.clients ul li a {}
.clients ul li img{}
.footer_area{}
.footer_inner{}
.footer_inner p{}

}


/* This CSS for Tablet */
@media (min-width: 768px) and (max-width: 991px) {
.mainmenu  {display:none}
.slicknav_menu { display: block;}
.header_area{}
.header_inner{}
.logo{}
.logo a{}
.logo a img{}
.navigation_area{}
.navigation_inner{}
.mainmenu{}
.mainmenu ul#nav {}
.mainmenu ul#nav li {}
.mainmenu ul#nav li a {}
.mainmenu ul#nav li a span{}
.mainmenu ul#nav li ul {}
.mainmenu ul#nav li ul li{}
.mainmenu ul#nav li ul li a{}
.social_network{
margin-top:0;
}
.social_network ul{
text-align:center;
}
.social_network ul li{
padding:10px 0;
}
.social_network ul li a{}
.intro_area{}
.intro_inner{}
.intro_title{}
.intro_title h1{
font-size: 38px;
margin: 0 0 10px;
}
.intro_text{}
.intro_text h2{
font-size: 26px;
line-height: 42px;
margin: 0;
}
.featured_area{}
.featured_title{}
.featured_title h2{}
.featured_title span{}
.featured_content{}
.featured{
margin-bottom: 15px;
}
.featured img{
width: 100%;
}
.featured_overlay{}
.featured_overlay_content{}
.featured_overlay_content a{}
.featured_overlay_content a span{}
.featured_column{}
.featured_column img{}
.activities_area{}
.activities_inner{}
.activities_title{}
.activities_title h2{}
.activities_title span{}
.activities{}
.activities_column{}
.activities_column h4{}
.activities_column h2{}
.activities_column p{}
a.read_more{}
.news_area{}
.news_title{}
.news_title h2{}
.news_title span{}
.news_column{}
.news_column img{
height: auto;
width: 100%;
}
.news_column h2{}
.news_column p{}
.single_content{
margin-top: 10px;
}
.single_content h3{}
.single_content p{}
a.action_btn{}
.media_space_area{}
.media_title{}
.media_title span{}
.media_title h2{}
.single_media{}
.single_media img{
height: auto;
width: 100%;
}
.media_content{}
.single_media:hover .media_content{}
.media_content h3{}
.media_content p{}
.media_content a{}
.clients_area{}
.clients_inner{}
.clients{}
.clients ul{}
.clients ul li{}
.clients ul li a {}
.clients ul li img{}
.footer_area{}
.footer_inner{}
.footer_inner p{}
}

/* This CSS for Medium Devices */
@media (min-width: 992px) and (max-width: 1199px) {
.mainmenu  {display:block}
.slicknav_menu { display: none;}

.header_area{}
.header_inner{}
.logo{}
.logo a{}
.logo a img{}
.navigation_area{}
.navigation_inner{}
.mainmenu{}
.mainmenu ul#nav {}
.mainmenu ul#nav li {}
.mainmenu ul#nav li a { font-size: 12px; }
.mainmenu ul#nav li a span{}
.mainmenu ul#nav li ul {}
.mainmenu ul#nav li ul li{}
.mainmenu ul#nav li ul li a{}

.social_network{}
.social_network ul{}
.social_network ul li{}
.social_network ul li a{}
.intro_area{}
.intro_inner{}
.intro_inner img{}

.featured_area{}
.featured_title{}
.featured_title h2{}
.featured_title span{}
.featured_content{}
.featured{}
.featured img{}
.featured_overlay{}
.featured_overlay_content{}
.featured_overlay_content a{
font-size: 14px;
padding: 10px;
}
.featured_overlay_content a span{}
.featured_column{}
.featured_column img{}
.activities_area{}
.activities_inner{}
.activities_title{}
.activities_title h2{}
.activities_title span{}
.activities{}
.activities_column{}
.activities_column h4{}
.activities_column h2{}
.activities_column p{}
a.read_more{}
.news_area{}
.news_title{}
.news_title h2{}
.news_title span{}
.news_column{}
.news_column img{}
.news_column h2{}
.news_column p{}
.single_content{
margin-top: 10px;
}
.single_content h3{}
.single_content p{}
a.action_btn{}
.media_space_area{}
.media_title{}
.media_title span{}
.media_title h2{}
.single_media{}
.single_media img{}
.media_content{
padding: 4px;
}
.media_content h3{
font-size:15px;
}
.media_content p{}
.media_content a{}
.clients_area{}
.clients_inner{}
.clients{}
.clients ul{}
.clients ul li{}
.clients ul li a {}
.clients ul li img{}
.footer_area{}
.footer_inner{}
.footer_inner p{}
}

/* This CSS for Large Devices */
@media (min-width: 1200px) {
.mainmenu  {display:block}
.slicknav_menu { display: none;}
}

.slicknav_menu {
    background: #6bc8c9 none repeat scroll 0 0;
    border-bottom: 2px solid #53a3a4;
    padding: 5px;
}