/*
Responsive Template Name: RS-1200 Prototype 45
File: Media Queries CSS
Author: OS Templates
Author URI: https://www.os-templates.com/
Licence: <a href="https://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@-ms-viewport{width:device-width;} /* http://msdn.microsoft.com/en-gb/library/ie/hh869615%28v=vs.85%29.aspx */

@media screen and (min-width:180px) and (max-width:360px), screen and (min-width:361px) and (max-width:615px){

    .fl_right{float:none;}
    .fl_right p {margin-bottom: 0px !important;}

    #header .one_sixth {width: 15% !important;display:inline-block !important;margin:0 3% 0 0;float:left;}
    #header .five_sixth {width: 82% !important;display:inline-block !important;text-align: left;margin:0;float:left;}
    #bigtitle{font-size:0.9rem;}
    #header #header-contact ul li{display:inline-block !important;}
    #header #header-contact{margin-top:0 !important;}
    #header #hgroup{margin-bottom:0 !important;}
    #header .list{margin-top:0!important;}

    #header .list li:last-child{margin-right:0 !important;}
    #topmenu{background-color:transparent !important;}
    .minimenu1, .minimenu2, .minimenu3{border-radius: 5px !important;padding:0.5em 0 !important;margin-bottom:2% !important;}

    #topnav .two_fifth{margin-bottom:0 !important;}
    #topnav form{padding-top:0 !important;}
    #topnav form select{background-color: #6f7e3533;border: 1px solid #6f7e3533;border-radius: 5px !important;color: #205353 !important;font-family: poppins,sans-serif;}

    #home1,#home2{height:auto !important;}
    #bodycontent{background-image:none;}
    .population_clock, .procurement{margin-right:0 !important;}
    .panel2{margin:0 !important;}
    #home2{background-color:#6BB1BB;border-radius: 5px;padding : 2em 0 !important;}
    .keyindi_wrapper {margin-right:0 !important;}
    .heading-text2{padding-top:0 !important;margin-top:0 !important;}
    .public_top, .main_slider{margin-bottom:1em !important;}
    .main_slider .centered-btns_nav {top : 50% !important;}
    .main_slider{position : relative;}
    .horizontalDivider{margin-top: 3em !important;margin-bottom: 3em !important;}
    .homebody{margin-bottom:1em !important;}
    .panel{padding-top:1.5em !important;}
    .webmail_link{min-height:auto !important;}
    .rslides_latest .centered-btns_nav.next, .rslides_latest .centered-btns_nav.prev,
    .rslides_coming .centered-btns_nav.next, .rslides_coming .centered-btns_nav.prev{width:30px !important;}
    .mycontent{padding-top:0 !important;}
    #header #header-contact{text-align:center;}

    #header{padding-bottom:0px;}
    .stats_webmail{margin-left:0em;}
    #responden-online li,#responden-census li,#public-latest li,#public-coming li{width:70%;}
    .keyindi_maintitle{color: #205353;}
    .keyindi_fig{font-size:30px;}
}

/* 240 + 320px */

@media screen and (min-width:180px) and (max-width:360px) {
    #header, #topnav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}

    #topnav ul{display:none;}
    form input[type="submit"]{margin-bottom:10px;}

    .one_half, .one_half.nogutter, 
    .one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
    .one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
    .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
    .one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}

    #header #hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; text-align:center;}
    #header #header-contact{margin:30px 0 0 0;}
    #header #header-contact li{display:block; margin:15px 0 0 0; padding:0; border:none;}
    #header #header-contact li:first-child{margin:0;}

    .calltoaction div{margin-top:30px;}
    .calltoaction div:first-child{margin-top:0;}
    .calltoaction.opt4{font-size:1.5em;}

    #blog-post #comment-count div{float:none; margin-top:10px; text-align:center;}
    #blog-post #comment-count div:first-child{margin-top:0;}
    #blog-post .list.block li > ul, #blog-post .list.block li > ol{margin:0; padding:0; list-style:none; border:none;}

    #fof{padding:30px 0 0 0;}
    #fof h1{margin:0 0 20px 0; font-size:7em;}
    #fof h2{margin:0 0 20px 0; font-size:2em;}

    #footer div{margin-bottom:5%;}
    #footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
    #footer #ft_gallery li img{}

    #header, #copyright{text-align:center;}
    #copyright p{float:none; line-height:1.6em;}
    #copyright p:first-child{margin-bottom:8px;}

    #header .list li{margin-right:0.7em !important;}
    .keyindi_maintitle{color: #205353;}
}

/* 480px */

@media screen and (min-width:361px) and (max-width:615px) {
    #header, #topnav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}

    #topnav ul{display:none;}
    form input[type="submit"]{margin-bottom:10px;}

    .one_half, .one_half.nogutter, 
    .one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
    .one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
    .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
    .one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}

    #header #hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
    #header #header-contact{margin:30px 0 0 0;}

    #sidebar_2 ul.nospace li{display:inline; float:left; width:30%; margin:0 0 0 5%;}
    #sidebar_2 ul.nospace li:first-child{margin-left:0;}

    #contact .contact_details > div{display:block; float:none; margin-left:0;}

    .calltoaction div{margin-top:30px;}
    .calltoaction div:first-child{margin-top:0;}

    #fof{padding:30px 0 0 0;}
    #fof h1{margin:0 0 20px 0; font-size:7em;}
    #fof h2{margin:0 0 20px 0; font-size:2em;}

    #footer div{margin-bottom:5%;}
    #footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}

    #copyright p{float:none;}
    #copyright p:first-child{margin-bottom:8px;}
    .keyindi_maintitle{color: #205353;}
}

/* 768px */

@media screen and (min-width:616px) and (max-width:800px) {
    #header, #topnav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}

    #topnav ul{display:none;}
    form input[type="submit"]{margin-bottom:10px;}

    .calltoaction.opt4 div{display:block; float:none; width:100%; margin:30px 0 0 0;}
    .calltoaction.opt4 div:first-child{margin-top:0; text-align:center;}
    .calltoaction.opt4{font-size:1.5em;}

    #fof{padding:30px 0 0 0;}
    #fof h1{margin-top:0; font-size:12em;}
    #fof h2{margin-top:0;}
}

/* 960px */

@media screen and (min-width:960px) {
    #header, #topnav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
}

/* 1028px */

@media screen and (min-width:1028px) {
    #header, #topnav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
}

/* 1200px */

@media screen and (min-width:1200px) {
    body.boxed .wrapper{max-width:1140px;}
    #header, #topnav, #intro, #container, #footer, #copyright, .stretched{max-width:1200px; margin:0 auto;}
}

/* Hide The Jquery Generated Navigation Form from 801px upwards */

@media screen and (min-width:801px) and (max-width:10000px) {
    #topnav form{display:none;}
}

/* Resize Extended Box */

@media screen and (min-width:1501px) {
    body.boxed .wrapper .stretched{margin-left:-2.6%; margin-right:-2.6%;}
}