html.overlay-open .navbar-fixed-top{z-index:400}html.js fieldset.collapsed{height:auto}html.js input.form-autocomplete{background-image:none}body{position:relative}body.admin-expanded.admin-vertical.admin-nw .navbar,body.admin-expanded.admin-vertical.admin-sw .navbar{margin-left:260px}body.navbar-is-fixed-top{padding-top:64px!important}body.navbar-is-fixed-bottom{padding-bottom:64px!important}body.toolbar{padding-top:30px!important}body.toolbar .navbar-fixed-top{top:30px}body.toolbar.navbar-is-fixed-top{padding-top:94px!important}body.toolbar-drawer{padding-top:64px!important}body.toolbar-drawer .navbar-fixed-top{top:64px}body.toolbar-drawer.navbar-is-fixed-top{padding-top:128px!important}body.admin-menu .navbar-fixed-top{top:29px}body.admin-menu.navbar-is-fixed-top{padding-top:93px!important}body div#admin-toolbar{z-index:1600}body #toolbar,body #admin-menu,body #admin-toolbar{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}body #admin-menu{margin:0;padding:0;position:fixed;z-index:1600}body #admin-menu .dropdown li{line-height:normal}#overlay-container,.overlay-modal-background,.overlay-element{z-index:1500}#toolbar{z-index:1600}.modal{z-index:1620}.modal-dialog{z-index:1630}.modal-backdrop{z-index:1610}.element-invisible{margin:0;padding:0;width:1px}ul.secondary{float:left}@media screen and (min-width:768px){ul.secondary{float:right}}.page-header{margin-top:0}.block:first-child h2.block-title{margin-top:0}p:last-child{margin-bottom:0}.region-help>.glyphicon{font-size:18px;float:left;margin:-.05em .5em 0 0}.region-help .block{overflow:hidden}ul.action-links{margin:12px 0;padding:0}ul.action-links li{display:inline;margin:0;padding:0 6px 0 0}ul.action-links .glyphicon{padding-right:.5em}input,textarea,select,.uneditable-input{max-width:100%;width:auto}input.error{color:#b94a48;border-color:#ebccd1}fieldset legend.panel-heading{float:left;line-height:1em;margin:0}fieldset .panel-body{clear:both}fieldset .panel-heading a.panel-title{color:inherit;display:block;margin:-10px -15px;padding:10px 15px}fieldset .panel-heading a.panel-title:hover{text-decoration:none}.form-actions{clear:both}.resizable-textarea textarea{border-radius:4px 4px 0 0}.radio:first-child,.checkbox:first-child{margin-top:0}.radio:last-child,.checkbox:last-child{margin-bottom:0}.help-block,.control-group .help-inline{color:#999;font-size:12px;margin:5px 0 10px;padding:0}.panel-heading{display:block}a.tabledrag-handle .handle{height:auto;width:auto}.error{color:#b94a48}div.error,table tr.error{background-color:#f2dede;color:#b94a48}.control-group.error{background:0}.control-group.error label,.control-group.error .control-label{color:#b94a48;font-weight:600}.control-group.error input,.control-group.error textarea,.control-group.error select,.control-group.error .uneditable-input{color:#555;border:1px solid #ccc}.control-group.error .help-block,.control-group.error .help-inline{color:#333}.list-inline>li.first{padding-left:0}.nav-tabs{margin-bottom:10px}.tabs--secondary{margin:0 0 10px}.submitted{margin-bottom:1em;font-style:italic;font-weight:400;color:#777}.password-strength{width:17em;float:right;margin-top:1.4em}.password-strength-title{display:inline}.password-strength-text{float:right;font-weight:700}.password-indicator{background-color:#949494;height:.3em;width:100%}.password-indicator div{height:100%;width:0;background-color:#999}input.password-confirm,input.password-field{width:16em;margin-bottom:.4em}div.password-confirm{float:right;margin-top:1.5em;visibility:hidden;width:17em}div.form-item div.password-suggestions{padding:.2em .5em;margin:.7em 0;width:38.5em;border:1px solid #B4B4B4}div.password-suggestions ul{margin-bottom:0}.confirm-parent,.password-parent{clear:left;margin:0;width:36.3em}.progress-wrapper .progress{margin-bottom:10px}.pagination ul>li>a.progress-disabled{float:left}.form-autocomplete .glyphicon{color:#999;font-size:120%}.form-autocomplete .glyphicon.glyphicon-spin{color:#428bca}.form-autocomplete .input-group-addon{background-color:#fff}.ajax-progress .glyphicon{font-size:90%;margin:0 -.25em 0 .5em}.glyphicon-spin{display:inline-block;-moz-animation:spin 1s infinite linear;-o-animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}a .glyphicon-spin{display:inline-block;text-decoration:none}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.glyphicon-refresh{-webkit-transform-origin:50% 45%;-moz-transform-origin:50% 45%;-ms-transform-origin:50% 45%;-o-transform-origin:50% 45%;transform-origin:50% 45%}.tabbable{margin-bottom:20px}.tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{border-bottom:0}.tabs-below>.nav-tabs .summary,.tabs-left>.nav-tabs .summary,.tabs-right>.nav-tabs .summary{color:#999;font-size:12px}.tab-pane>.panel-heading{display:none}.tab-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-top-color:#ddd;border-bottom-color:transparent}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd}.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{padding-bottom:20px;width:220px}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li:focus,.tabs-right>.nav-tabs>li:focus{outline:0}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:focus{outline:0}.tabs-left>.tab-content,.tabs-right>.tab-content{border-radius:0 4px 4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);border:1px solid #ddd;overflow:hidden;padding:10px 15px}.tabs-left>.nav-tabs{float:left;margin-right:-1px}.tabs-left>.nav-tabs>li>a{border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs>.active>a,.tabs-left>.nav-tabs>.active>a:hover,.tabs-left>.nav-tabs>.active>a:focus{border-color:#ddd transparent #ddd #ddd;-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.05);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,.05);box-shadow:-1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs{float:right;margin-left:-1px}.tabs-right>.nav-tabs>li>a{border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eee #eee #eee #ddd;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.05);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.05);box-shadow:1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs>.active>a,.tabs-right>.nav-tabs>.active>a:hover,.tabs-right>.nav-tabs>.active>a:focus{border-color:#ddd #ddd #ddd transparent}th.checkbox,td.checkbox,th.radio,td.radio{display:table-cell}.views-display-settings .label{font-size:100%;color:#666}.views-display-settings .footer{padding:0;margin:4px 0 0}table .radio input[type=radio],table .checkbox input[type=checkbox]{max-width:inherit}.form-horizontal .form-group label{position:relative;min-height:1px;margin-top:0;margin-bottom:0;padding-top:7px;padding-left:15px;padding-right:15px;text-align:right}@media (min-width:768px){.form-horizontal .form-group label{float:left;width:16.666666666666664%}}.alert a{font-weight:700}.alert-success a{color:#356635}.alert-info a{color:#2d6987}.alert-warning a{color:#a47e3c}.alert-danger a{color:#953b39}

/********************************* Fonts ***********************************/

@font-face {font-family: 'RobotoBold'; src: url('RobotoBold.ttf') format('truetype');}

@font-face {font-family: 'RobotoMedium'; src: url('RobotoMedium.ttf') format('truetype');}

@font-face {font-family: 'RobotoRegular'; src: url('RobotoRegular.ttf') format('truetype');}

/********************************* 100% Width ***********************************/

.container > .navbar-header {margin: 0px !important;}

.container > .navbar-collapse {margin: 0px !important;}

.container {width: 100% !important; padding-left: 0px !important; padding-right: 0px !important;}

.row {margin: 0px;}

.banner01, .banner02, .banner03, .banner04, .banner05, .banner06, .banner07, .banner08, .banner09 {padding: 0;}

/********************************* Texts ***********************************/

body.not-front {font: 17px RobotoRegular; color: #333333;}

#contentsection #page-title {font: 40px RobotoBold; color: #2e3192; text-transform: uppercase; padding: 0 0.25em;}

#contentsection #page-title:after {content: ""; border-bottom: 5px solid #2e3192; width: 75px; display: block;}

#block-system-main h3 {color: ;;}

#block-system-main h4 {color: ;}

#block-system-main a {color: ;}

/********************************* Misc ***********************************/

#block-system-main ul {list-style-image: url('../images/internal-bullet.png');}

#block-system-main ul li {margin: 0.25em 0;}

#block-system-main ul li a {border-bottom: 1px dashed #afafaf;}

ul li.collapsed, ul li.expanded, ul li.leaf {}

a {outline:0 !important;}

.webform-component--title {margin: 1em 0;}

label, .panel {margin: 1em 0 0.25em 0;}

.description {margin: 0 0 0.5em 0;}

.main-container {}

#frontpagerowswrap {}

.front #notfrontwrap {min-height: 0; height: 0 !important;}

#notfrontwrap {min-height: 72.3vh;}

#page-header {}

#contentsectionwrap {}

#contentsection {padding: 0;}

.breadcrumb {background: #2e3192; border-radius: 0; margin-top: 0.1em;}

.breadcrumb a {color: #ffffff;}

.breadcrumb > .active {color: #ffffff;}

#main-content {display: block;}

.region.region-content {padding: 0 0 0 0; background: transparent !important;}

#block-system-main {padding: 0.5em;}

#secondarypagesrowswrap {height: auto;}

.img-responsive {display: initial !impotant; margin: 0 auto;}

.webform-submit.button-primary.btn.btn-primary.form-submit {margin: 1em 0;}

button.webform-back.button-primary.btn.btn-default.form-submit {margin: 1em 0;}

button.webform-next.button-primary.btn.btn-default.form-submit {margin: 1em 0;}

.views-exposed-form .views-exposed-widget .form-submit {margin-top: 3.15em;}

/********************************* Navbar ***********************************/

.front #navbar {padding: 0.5em !important; z-index: 99; background: transparent !important;}

#navbar {padding: 0.5em !important; z-index: 99; background: #140d44 !important;}

.navbar.container {margin-top: 0; margin-bottom: 0 !important;}

.navbar.container > .container {margin: 0; padding: 0; width: auto;}

@media screen and (min-width:768px) {.navbar.container{max-width:100%;}}

@media screen and (min-width:992px) {.navbar.container{max-width:100%;}}

@media screen and (min-width:1200px) {.navbar.container{max-width:100%;}}

/********************************* Logo ***********************************/

/*.front .navbar-header {position: relative; top: 1em; left: 1em;}*/

.navbar-header {background: transparent; width: auto; height: auto; padding: 0;}

.navbar-btn {margin: 0 auto !important; float: none !important;}

.navbar {}

.navbar .logo {}

.navbar .logo img {width: auto;}

@media screen and (min-width:768px) {.navbar .logo{margin-right:0; padding-left:0}}

/********************************* Menu ***********************************/

.navbar-default {background-color: transparent !important; border: 0 !important; border-color: transparent !important;}

.navbar {/*min-height: 100px !important;*/ margin-bottom: 0px !important; border-radius: 0 !important; border: 0 !important;}

.navbar-collapse {padding: 0 !important; width: 100%; border-top: 0px !important; box-shadow: inset 0 0 0 rgba(255,255,255,0.1) !important;}

.navbar-nav {margin: 52px 0 0 0 !important; background: rgba(20, 13, 68, 0.8) !important; /*width: 68%;*/ padding: 0.4em 0; text-align: left; float: right;}

.navbar-nav .dropdown-menu > li > a {text-align: left;}

.navbar-default .navbar-text {font: 14px RobotoMedium; color: #ffffff; text-transform: uppercase; transition: all 1s ease;}

.navbar-default .navbar-nav > li {margin: 0 0.5em; display: inline-block; float: none;}

/*.navbar-default .navbar-nav li.first {margin-left: 0;}

.navbar-default .navbar-nav li.last {margin-right: 0;}

.navbar-default .navbar-nav li.last a {padding-right: 0;}*/

.navbar-default .navbar-nav li.last .dropdown-menu {left: auto; right: 0;}

.navbar-default .navbar-nav > li > a {font: 14px RobotoMedium; color: #ffffff; text-transform: uppercase; transition: all 1s ease; padding: 0.3em 0.7em;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{background: #ffffff; color: #140d44;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{background: #ffffff; color: #140d44;}

.navbar-default .navbar-nav > .expanded > a, .navbar-default .navbar-nav > .expanded > a:hover, .navbar-default .navbar-nav > .expanded > a:focus
{background: #ffffff; color: #140d44;}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus
{background: #ffffff; color: #140d44;}

/********************************* Secondary Menu Top ***********************************/

/*#block-block-1 {width: 322px; display: block; position: absolute; right: 4em; top: 2em;}

#smenu-topwrap {width: 100%; display: block; background: #d5302a; padding: 7px 1.4em;}

#smenu-top {width: 100%; display: block; color: #ffffff; word-spacing: 0px;}

#smenu-top a {text-decoration: none; font: bold 12px PavanamRegular; color: #333333; text-transform: uppercase; word-spacing: 0;}

#smenu-top a:hover {text-decoration: underline;}*/

/********************************* Search Bar ***********************************/

/*.searchButton {display: none;}*/

.navbar #block-search-form {position: absolute; float: right; right: 1em; top: 10px; width: 240px; background: #140d44; border-bottom: 1px solid #ffffff;}

.front .navbar #block-search-form {background: transparent;}

form#search-block-form {}

@media screen and (min-width:200px) {.navbar #block-search-form{float: right;}}

.navbar-search .control-group {margin-bottom:0}

form#search-block-form .input-group {}

#edit-search-block-form--2 {border-radius: 0; position: relative; top: 0; right: 0; background: transparent; border-color: transparent; color: #ffffff !important; width: 207px; float: right; box-shadow: none;}

#edit-search-block-form--2::-webkit-input-placeholder {color: #ffffff !important;}

#edit-search-block-form--2::-moz-placeholder {color: #ffffff !important;}

#edit-search-block-form--2::-ms-input-placeholder {color: #ffffff !important;}

#edit-search-block-form--2::-moz-placeholder {color: #ffffff !important;}

form#search-block-form .input-group-btn .btn {background: url('../images/icon-search.png') no-repeat center center; width: 34px; height: 34px; border: none !important; border-radius: 0; color: #ffffff; padding: 0;}

form#search-block-form .input-group-btn .btn .icon {opacity: 0;}

/*.toggleSearch {background: url('../images/icon-search.png') no-repeat center center / cover; width: 34px; height: 34px; display: block; position: absolute; right: 0; top: 0;}

#edit-search-block-form--2 {background-color: #525252; border-color: #303030; border-image: none; border-radius: 0; border-style: solid; border-width: 3px; color: #ffffff; display: none; height: 34px; position: relative; right: 30px; top: 0px; width: 230px; z-index: 1; padding: 5px;}

#block-system-main .input-group {display: inline-block;}

#block-system-main .toggleSearch {display: inline-block; position: relative; top: 13px; left: 0px;}*/

/********************************* Common ***********************************/

.mcc {width: 100%; display: block;}

.sh-wrap {padding: 0.5em 0; margin: 0.5em 0;}

.section-header {font: 48px RobotoBold;}

.sh-uc {text-transform: uppercase;}

.sh-color {color: #2e3192;}

.sh-white {color: #ffffff}

.txt-center {text-align: center;}
    
.bg-img {display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}

.btn-viewall-red {width: 130px; display: block; text-decoration: none !important; font: 13px RobotoRegular; color: #ffffff !important; text-transform: uppercase; background: #bb302b; text-align: center; padding: 0.6em 0;}

.btn-viewall-red:hover {text-decoration: underline !important;}

.fm-title-wrap {padding: 0.25em 0; margin: 0.25em 0;}

.fm-title {font: 23px RobotoMedium; color: #5763f2; text-transform: uppercase;}

.fm-title hr {margin: 0; width: 36px; border-top: 1px solid #5763f2;}

/********************************* SideFix ***********************************/

#sidefix-wrap {margin: 0;}

#sidefix {margin: 0;}

##sidefix-pmdu-wrap, #sidefix-fb-wrap, #sidefix-tw-wrap {margin: 0;}

#sidefix-pmdu {background: url('../images/sidefix-pmdu.png') no-repeat; top: 20%;}

#sidefix-fb {background: url('../images/sidefix-fb.png') no-repeat; top: 26%;}

#sidefix-tw {background: url('../images/sidefix-tw.png') no-repeat; top: 32%;}

#sidefix-pmdu, #sidefix-fb, #sidefix-tw {width: 35px; height: 32px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; transition: all 0.75s ease-in-out 0s; position: fixed; right: 0; z-index: 99;}

#sidefix-pmdu:hover, #sidefix-fb:hover, #sidefix-tw:hover {width: 130px;}

/*** ... ***/

/********************************* Banner 01 Main Banner ***********************************/

.banner01 {width: 100%; display: block; position: relative;}

.region.region-banner01 {width: 100%; display: block; position: relative; top: -106px;}

#block-views-main-banner-view-block {width: 100%; display: block; border-bottom: 3px solid #140d44;}

#block-views-main-banner-view-block .view-slide-show {width: 100%; display: block; position: relative;}

#block-views-main-banner-view-block .view-content {width: 100%; display: block; position: relative;}

#block-views-main-banner-view-block .view-content .skin-default {width: 100%; display: block; position: relative;}

#views_slideshow_cycle_main_main_banner_view-block,
#views_slideshow_cycle_teaser_section_main_banner_view-block,
#views_slideshow_cycle_div_main_banner_view-block_0,
#views_slideshow_cycle_div_main_banner_view-block_1,
#views_slideshow_cycle_div_main_banner_view-block_2,
#views_slideshow_cycle_div_main_banner_view-block_3,
#views_slideshow_cycle_div_main_banner_view-block_4
{width: 100% !important; display: block !important;}

#b1-mb-view-wrap {width: 100%; display: block;}

#b1-mb-view {width: 100%; display: block; position: relative;}

#b1-mb-img-wrap {width: 100%; display: block;}

#b1-mb-img {width: 100%; display: block;}

#b1-mb-img img {width: 100%; display: block; height: auto;}

/*** controls ***/

/*** ... ***/

/********************************* Punjab Police Banner Box Menu ***********************************/

#block-block-15 {position: absolute; bottom: 0; width: 100%; z-index: 99;}

#mb-box-wrap {width: 100%; display: block; padding: 1em 5em;}

#mb-box {width: 100%; display: block;}

.mb-box-menu {width: 100%; display: block; padding: 0; margin: 0; position: relative;}

.mb-box-menu-item {width: 20%; display: inline-block; float: left; padding: 1em 2em;}

.mb-box-menu-item-wrap {width: 100%; display: block; margin: 1em 0; background: #0c2466; text-align: center; text-decoration: none !important; transition: all 1s ease; border: 2px solid #ffffff;}

.mb-box-menu-item-wrap:hover {background: #ffffff; border-color: #0c2466; border-radius: 5px;}
.u-active .mb-box-menu-item-wrap {background: #ffffff; border-color: #0c2466; border-radius: 5px;}

.mb-box-menu-item-a {padding: 2em 0 0.25em 0;}

#mb-box-about-icon {background: url('../images/icon-mb-report.png') no-repeat center center / contain;}
.mb-box-menu-item-wrap:hover #mb-box-about-icon {background: url('../images/icon-mb-report-hvr.png') no-repeat center center / contain;}
.u-active .mb-box-menu-item-wrap #mb-box-about-icon {background: url('../images/icon-mb-report-hvr.png') no-repeat center center / contain;}
#mb-box-service-icon {background: url('../images/icon-mb-tua.png') no-repeat center center / contain;}
.mb-box-menu-item-wrap:hover #mb-box-service-icon {background: url('../images/icon-mb-tua-hvr.png') no-repeat center center / contain;}
.u-active .mb-box-menu-item-wrap #mb-box-service-icon {background: url('../images/icon-mb-tua-hvr.png') no-repeat center center / contain;}
#mb-box-initiative-icon {background: url('../images/icon-mb-app.png') no-repeat center center / contain;}
.mb-box-menu-item-wrap:hover #mb-box-initiative-icon {background: url('../images/icon-mb-app-hvr.png') no-repeat center center / contain;}
.u-active .mb-box-menu-item-wrap #mb-box-initiative-icon {background: url('../images/icon-mb-app-hvr.png') no-repeat center center / contain;}
#mb-box-stats-icon {background: url('../images/icon-mb-req.png') no-repeat center center / contain;}
.mb-box-menu-item-wrap:hover #mb-box-stats-icon {background: url('../images/icon-mb-req-hvr.png') no-repeat center center / contain;}
.u-active .mb-box-menu-item-wrap #mb-box-stats-icon {background: url('../images/icon-mb-req-hvr.png') no-repeat center center / contain;}
#mb-box-complaint-icon {background: url('../images/icon-mb-connect.png') no-repeat center center / contain;}
.mb-box-menu-item-wrap:hover #mb-box-complaint-icon {background: url('../images/icon-mb-connect-hvr.png') no-repeat center center / contain;}
.u-active .mb-box-menu-item-wrap #mb-box-complaint-icon {background: url('../images/icon-mb-connect-hvr.png') no-repeat center center / contain;}

#mb-box-about-icon, #mb-box-service-icon, #mb-box-initiative-icon, #mb-box-stats-icon, #mb-box-complaint-icon 
{width: 59px; height: 61px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0.25em auto; padding: 0.25em 0; transition: all 0.5s ease;}

#mb-box-about-title, #mb-box-service-title, #mb-box-initiative-title, #mb-box-stats-title, #mb-box-complaint-title {text-decoration: none; font: 18px RobotoMedium; color: #ffffff; padding: 0.25em 0; margin: 0.75em 0 0.25em 0; transition: all 0.5s ease;}

.mb-box-menu-item-wrap:hover #mb-box-about-title, .mb-box-menu-item-wrap:hover #mb-box-service-title, .mb-box-menu-item-wrap:hover #mb-box-initiative-title, .mb-box-menu-item-wrap:hover #mb-box-stats-title, .mb-box-menu-item-wrap:hover #mb-box-complaint-title {text-decoration: none; color: #0c2466;}

.u-active .mb-box-menu-item-wrap #mb-box-about-title, .u-active .mb-box-menu-item-wrap #mb-box-service-title, .u-active .mb-box-menu-item-wrap #mb-box-initiative-title, .u-active .mb-box-menu-item-wrap #mb-box-stats-title, .u-active .mb-box-menu-item-wrap #mb-box-complaint-title {text-decoration: inherit; color: #0c2466;}

.mb-box-arrow {background: url('../images/arrow-down-white.png') no-repeat center center; width: 20px; height: 16px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0.25em auto; padding: 0.25em 0; transition: all 0.5s ease;}

.mb-box-menu-item-wrap:hover .mb-box-arrow {background: url('../images/arrow-down-blue.png') no-repeat center center;}
.u-active .mb-box-menu-item-wrap .mb-box-arrow {background: url('../images/arrow-down-blue.png') no-repeat center center;}

.mb-box-smenu-item-wrap {position: absolute; left: 2em; width: 95.4%; display: none; border: 2px solid #0c2466; background: #ffffff; z-index: 1;}

.mb-box-smenu-item-wrap.u-active {display: block;}

.u-active .mb-box-smenu-item-wrap {display: block;}

.mb-box-smenu-item-wrap ul {width: 100%; display: block; float: left; list-style: none; padding: 0;}

.mb-box-smenu-li {display: inline; float: left; width: 29.3%; margin: 0 2%; padding: 1.5em 0; border-bottom: 1px solid grey;}

.mb-box-smenu-li a {text-decoration: none; font: 20px RobotoRegular; color: #0c2466;}

.mb-box-smenu-li a:hover {text-decoration: underline;}

/********************************* Banner 02 Public Services ***********************************/

#block-block-16 {width: 100%; display: block; margin-top: -106px;}

#pp-pservices-wrap {background: url('../images/pservices-bg-transparent.png') no-repeat fixed center center / cover; padding: 2em 0;}

#pservices-body-wrap {padding: 0.5em 7em; margin: 2em 0;}

#pservices-c1, #pservices-c2, #pservices-c3, #pservices-c4 {}

#pservices-faq-wrap, #pservices-km-wrap, #pservices-stips-wrap, #pservices-whelp-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#pservices-faq, #pservices-km, #pservices-stips, #pservices-whelp {text-decoration: none;}

#faq-img-wrap, #km-img-wrap, #stips-img-wrap, #whelp-img-wrap {width: 157px; height: 157px; display: block; padding: 32.5px 0; margin: 0.5em auto; background: #140d44; border-radius: 80px; transition: all 1s ease;}

#pservices-faq-wrap:hover #faq-img-wrap, #pservices-km-wrap:hover #km-img-wrap, #pservices-stips-wrap:hover #stips-img-wrap, #pservices-whelp-wrap:hover #whelp-img-wrap {background: #2e3192;}

#faq-img {background: url('../images/ps-icn-faq.png') no-repeat center center;}
#km-img {background: url('../images/ps-icn-km.png') no-repeat center center;}
#stips-img {background: url('../images/ps-icn-st.png') no-repeat center center;}
#whelp-img {background: url('../images/ps-icn-wh.png') no-repeat center center;}

#faq-img, #km-img, #stips-img, #whelp-img {width: 93px; height: 92px; margin: 0 auto;}

#faq-title-wrap, #km-title-wrap, #stips-title-wrap, #whelp-title-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#faq-title, #km-title, #stips-title, #whelp-title {font: 18px RobotoMedium; color: #140d44; transition: all 1s ease;}

#pservices-faq-wrap:hover #faq-title, #pservices-km-wrap:hover #km-title, #pservices-stips-wrap:hover #stips-title, #pservices-whelp-wrap:hover #whelp-title {color: #2e3192;}

#pservices-btn-wrap {padding: 0.5em 0; margin: 1em 0;}

#pservices-btn {margin: 0 auto;}

/********************************* Banner 03 Police Initiatives ***********************************/

#block-views-police-initiatives-block {background: url('../images/pinitiatives-bg.jpg') no-repeat fixed center center  /cover; padding: 3em 0;}

#block-views-police-initiatives-block .view-header {width: 100%; display: block; float: left;}

#block-views-police-initiatives-block .view-content {width: 100%; display: block; float: left; position: relative;}

/*** controls - top ***/

#block-views-police-initiatives-block .views-slideshow-controls-top.clearfix {position: absolute; z-index: 7; padding: 0; height: 0; right: 39.6%; top: 1em;}

#vscc_controls_police_initiatives-block {height: 0;}

#vscc_controls_previous_police_initiatives-block {}

#vscc_controls_previous_police_initiatives-block a {border: 1px solid transparent; background: #ffffff url('../images/arrow-left-blue.png') no-repeat center center !important; color: transparent; display: inline-block; padding: 0.75em 1em; margin: 0 -3px 0 0;}

#vscc_controls_previous_police_initiatives-block a img {opacity: 0;}

#vscc_controls_next_police_initiatives-block {}

#vscc_controls_next_police_initiatives-block a {border: 1px solid #fff; background: #140d44 url('../images/arrow-right-white.png') no-repeat center center !important; color: transparent; display: inline-block; padding: 0.75em 1em; margin: 0;}

#vscc_controls_next_police_initiatives-block a img {opacity: 0;}

/*** ... ***/

#views_slideshow_cycle_main_police_initiatives-block_1,
#views_slideshow_cycle_teaser_section_police_initiatives-block_1,
#views_slideshow_cycle_div_police_initiatives-block_1_0,
#views_slideshow_cycle_div_police_initiatives-block_1_1,
#views_slideshow_cycle_div_police_initiatives-block_1_2,
#views_slideshow_cycle_div_police_initiatives-block_1_3,
#views_slideshow_cycle_div_police_initiatives-block_1_4,
#views_slideshow_cycle_div_police_initiatives-block_1_5,
#views_slideshow_cycle_div_police_initiatives-block_1_6,
#views_slideshow_cycle_div_police_initiatives-block_1_7
{width: 100% !important; display: block !important;}

.pinit-out-wrap {}

#pinit-in-wrap {padding: 0.5em 5em; margin: 0.5em 0;}

#pinit-in {}

#pinit-c1 {}

#pinit-body-left-wrap {background: rgba(20, 13, 68, 0.8); padding: 1em 2em;}

#pinit-body-left {}

#pinit-header-wrap {border-bottom: 2px solid #ffffff;}

#pinit-header {}

#pinit-title-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#pinit-title {font: 21px RobotoBold; color: #ffffff; overflow: hidden; height: 84px;}

#pinit-title a {text-decoration: none; font: inherit; color: inherit;}

#pinit-txt-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#pinit-txt {font: 16px RobotoRegular; color: #ffffff; text-align: justify; line-height: 1.5; overflow: hidden; height: 216px;}

#pinit-txt p {margin: 0;}

#pinit-btn-wrap {padding: 1em 0; margin: 1em 0;}

#pinit-btn {}

#pinit-c2 {}

#pinit-body-right-wrap {padding: 6em 0 0 0;}

#pinit-body-right {}

#pinit-img-wrap {}

#pinit-img {}

#pinit-img img {width: auto; height: auto; display: block; margin: 0 auto; border: 1px solid #ffffff;}

/*** controls - bottom ***/

#block-views-police-initiatives-block .views-slideshow-controls-bottom.clearfix {display: none;}

/*** ... ***/

/********************************* Banner 04 IGP-CC ***********************************/

#pp-compstat-wrap {padding: 4em 8em;}

#pp-compstat {}

#compstat-c1 {}

#comp-center-wrap {background: url('../images/igpcc-bg.jpg') no-repeat center center / cover; width: 370px; margin: 0 auto; padding: 2em; border-radius: 5px;}

#comp-center {}

#comp-center-title-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#comp-center-title {font: 28px RobotoBold; color: #ffffff; text-transform: uppercase;}

#comp-center-icon-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#comp-center-icon {background: url('../images/igpcc-icn-con.png') no-repeat center center; width: 105px; height: 105px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}

#comp-center-no-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#comp-center-no {font: 100px RobotoMedium; color: #ffffff; line-height: 1;}

#comp-center-not {font: 18px RobotoBold; color: #ffffff; text-transform: uppercase;}

#comp-center-btn-wrap {padding: 1em 0; margin: 1em 0;}

#comp-center-btn {text-decoration: none; font: 21px RobotoMedium; color: #ffffff; text-transform: uppercase; border: 1px solid #ffffff; text-align: center; width: 230px; margin: 0 auto; transition: all 1s ease;}

#comp-center-btn:hover {background: #ffffff; color: #140d44;}

#compstat-c2 {}

#cc-stats-wrap {}

#cc-stats {}

#cc-stats-title-wrap {}

#cc-stats-title {}

#cc-stats-body-wrap {padding: 1em 0; margin: 1em 0;}

#cc-stats-body {}

#cc-stats-c1, #cc-stats-c2, #cc-stats-c3, #cc-stats-c4 {}

#stats-tc-wrap, #stats-disp-wrap, #stats-red-wrap, #stats-inpro-wrap {background: #140d44; border-radius: 3px; margin: 0.5em 0; padding: 1em 0;}

#stats-tc, #stats-disp, #stats-red, #stats-inpro {}

#stats-tc-icn-wrap, #stats-disp-icn-wrap, #stats-red-icn-wrap, #stats-inpro-icn-wrap {}

#stats-tc-icn {background: url('../images/icn-stats-total.png') no-repeat center center;}
#stats-disp-icn {background: url('../images/icn-stats-disposed.png') no-repeat center center;}
#stats-red-icn {background: url('../images/icn-stats-red.png') no-repeat center center;}
#stats-inpro-icn {background: url('../images/icn-stats-inpro.png') no-repeat center center;}

#stats-tc-icn, #stats-disp-icn, #stats-red-icn, #stats-inpro-icn {width: 73px; height: 76px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}

#stats-tc-no-wrap, #stats-disp-no-wrap, #stats-red-no-wrap, #stats-inpro-no-wrap {}

#stats-tc-no, #stats-disp-no, #stats-red-no, #stats-inpro-no {font: 40px RobotoBold; color: #ffffff; line-height: 1;}

#stats-tc-title-wrap, #stats-disp-title-wrap, #stats-red-title-wrap, #stats-inpro-title-wrap {padding: 0.25em 0; margin: 0.25em 0;}

#stats-tc-title, #stats-disp-title, #stats-red-title, #stats-inpro-title {font: 18px RobotoMedium; color: #ffffff; text-transform: uppercase;}

/********************************* Banner 05 15 ***********************************/

#pp-onefive-wrap {background: url('../images/onefive-bg.jpg') no-repeat center center / cover; padding: 3em 0;}

#pp-onefive {}

#onefive-txt-wrap {text-align: center;}

#onefive-txt-1 {font: 48px RobotoMedium; color: #ffffff; text-transform: uppercase; text-align: right; display: inline-block;}

#onefive-txt-15 {font: 70px RobotoMedium; color: #ffffff; line-height: 0.7;}

#onefive-txt-2 {font: 160px RobotoBold; color: #ffffff; text-align: left; display: inline-block; line-height: 0.9;}

/********************************* Banner 06 Raasta App ***********************************/

#pp-raasta-wrap {background: url('../images/raasta-bg.jpg') no-repeat fixed center center / cover; padidng: 1em 0; border-top: 4px solid #b03334; border-bottom: 4px solid #b03334;}

#pp-raasta {}

#raasta-c1 {}

#raasta-body-wrap {padding: 7em;}

#raasta-body {}

#raasta-title-wrap {text-align: center;}

#raasta-title {font: 48px RobotoMedium; color: #140d44; text-transform: uppercase; line-height: 1;}

#raasta-logo-wrap {padding: 1em 0; margin: 1em 0;}

#raasta-logo {background: url('../images/raasta-logo.png') no-repeat center center; width: 364px; height: 146px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 auto;}

#raasta-stores-wrap {text-align: center;}

#raasta-playstore {background: url('../images/icon-app-playstore.png') no-repeat center center; width: 134px; height: 47px; display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 0.5em;}

#raasta-appstore {background: url('../images/icon-app-appstore.png') no-repeat center center; width: 134px; height: 47px; display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; margin: 0 0.5em;}

#raasta-c2 {}

#raasta-img-wrap{}

#raasta-img {}

#raasta-img img {width: 100%; display: block; height: auto;}

/********************************* Banner 07 News Room ***********************************/

#block-views-main-news-view-block-1 {width: 100%; display: block; padding: 3em 0;}

#block-views-main-news-view-block-1 .view-header {width: 100%; display: block; float: left;}

#newsroom-header-wrap {}

#newsroom-header {}

#block-views-main-news-view-block-1 .view-content {width: 100%; display: block; float: left; padding: 0 6em; margin: 2em 0;}

.newsroom-bout-wrap { padding: 0 3em;}

#newsroom-bin-wrap {border: 5px solid #dddddd; padding: 1em 2em; margin: 1em 0; transition: all 1s ease;}

#newsroom-bin-wrap:hover {border-color: #0b2467; border-radius: 5px;}

#newsroom-bin {}

#newsroom-title-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#newsroom-title {height: 63px; overflow: hidden;}

#newsroom-title a {text-decoration: none; font: 16px RobotoMedium; color: #050463; text-transform: uppercase;}

#newsroom-date-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#newsroom-date {font: 16px RobotoRegular; color: #5763f2;}

#newsroom-txt-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#newsroom-txt {font: 13px RobotoRegular; color: #636363; line-height: 1.5; word-spacing: 4px; text-align: justify; overflow: hidden; height: 175.5px;}

#newsroom-btn-in-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#newsroom-btn-in {}

#newsroom-btn-in a {background: url('../images/btn-readmore-red.jpg'); width: 143px; height: 34px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}

#block-views-main-news-view-block-1 .view-footer {width: 100%; display: block; float: left;}

#newsroom-btn-wrap {}

#newsroom-btn {margin: 0 auto;}

/********************************* Banner 08 Radio Station ***********************************/

#pp-tunefm-wrap {background: url('../images/tunefm-bg.jpg') no-repeat fixed center center / cover; padding: 2em 0;}

#pp-tunefm {}

#tunefm-title-wrap {text-align: center;}

#tunefm-title {font: 72px RobotoMedium; color: #ffffff; text-transform: uppercase; line-height: 1;}

#tunefm-stitle-wrap {text-align: center;}

#tunefm-stitle {font: 36px RobotoMedium; color: #ffffff; text-transform: uppercase; line-height: 1;}

#tunefm-player-wrap {padding: 1em 0 0 0; margin: 1em 0 0 0;}

#tunefm-player {}

#tunefm-player img {display: block; margin:0 auto;}

/********************************* Punjab Police Footer Top ***********************************/

#pp-footer-top-wrap {background: #2e3192; padding: 0.5em 0;}

#pp-footer-top {word-spacing: 30px; text-align: center;}

#pp-footer-top a {text-decoration: none; font: 13px RobotoRegular; color: #ffffff; word-spacing: 0;}

#pp-footer-top a:hover {text-decoration: underline;}

/********************************* Punjab Police Footer Middle ***********************************/

#pp-footer-mid-wrap {background: #140d44; padding: 1.5em 0 1em 0;}

#pp-footer-mid {}

#footer-mid-c1 {}

#footer-help-wrap {padding: 0 5em;}

#footer-help {}

#foot-help-title-wrap {}

#foot-help-title {}

#foot-help-list-wrap {padding: 1em 0 0 0;}

#foot-help-list {}

#foot-help-list  hr {margin: 0.5em 0; width: 170px; border-color: #261f55;}

#foot-help-c1, #foot-help-c2 {}

.foot-help-wrap {padding: 0.5em 0;}

#foot-igpcc-icon {background: url('../images/help-icn-igpcc.png') no-repeat center center;}
#foot-pe-icon {background: url('../images/help-icn-emr.png') no-repeat center center;}
#foot-fb-icon {background: url('../images/help-icn-fire.png') no-repeat center center;}
#foot-sh-icon {background: url('../images/help-icn-hosp.png') no-repeat center center;}
#foot-ctd-icon {background: url('../images/help-icn-ctd.png') no-repeat center center;}
#foot-rs-icon {background: url('../images/help-icn-resc.png') no-repeat center center;}
#foot-re-icon {background: url('../images/help-icn-rail.png') no-repeat center center;}
#foot-gh-icon {background: url('../images/help-icn-hosp.png') no-repeat center center;}

.foot-help-icon {width: 27px; height: 27px; display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap;}

.foot-help-txt {display: inline-block;}

.foot-help-text-1 {font: 14px RobotoMedium; color: #b1b1b1;}

.foot-help-text-2 {font: 18px RobotoMedium; color: #ffffff;}

#footer-mid-c2 {}

#footer-proc-wrap {}

#footer-proc {}

#foot-proc-title-wrap {}

#foot-proc-title {}

#foot-proc-list-wrap {padding: 1em 0;}

#foot-proc-list {}

#foot-proc-list ul {padding-left: 20px; color: #322888;}

#foot-proc-list ul li {}

#foot-proc-list ul li a {text-decoration: none; font: 20px RobotoRegular; color: #ffffff;}

#foot-proc-list ul hr {margin: 0.25em 0; width: 170px; border-color: #261f55;}

#footer-mlinks-wrap {padding: 0.5em 0;}

#footer-mlinks {}

#foot-pwelfare-title-wrap, #foot-pperform-title-wrap, #foot-jppol-title-wrap {padding: 0.5em 0; margin: 0.5em 0;}

#foot-pwelfare-title, #foot-pperform-title, #foot-jppol-title {text-decoration: none;}

/********************************* Punjab Police Footer Bottom ***********************************/

#pp-footer-bot-wrap {background: #0f0a33; padding: 0.5em 0;}

#pp-footer-bot {}

#footer-bot-c1 {}

#copyr-wrap {}

#copyr {font: 13px RobotoRegular; color: #ffffff;}

#copyr a {text-decoration: none; font: inherit; color: inherit;}

#copyr a:hover {text-decoration: underline;}

#footer-bot-c2 {}

#poweredbi-wrap {text-align: right;}

#poweredbi {font: 13px RobotoRegular; color: #ffffff;}

#poweredbi a {text-decoration: none; font: inherit; color: inherit;}

#poweredbi a:hover {text-decoration: underline;}

/********************************* Internal Pages ***********************************/

/********************************* Page Background ***********************************/

.page-cover {-webkit-transition: .6s; transition: .6s;}

.page-cover {width: 100%; position: fixed; height: 120%; height: 100vh; top: 0; left: 0; z-index: -1; overflow: hidden;}

.page-cover .cover-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; z-index: -1;}

.page-cover .bg-img {background: url('../images/internal-bg.jpg') no-repeat center center / cover;}

.page-cover .cover-bg-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.page-cover .cover-bg.bg-color {background-image: none; z-index: -1;}

.page-cover .cover-bg.cover-bg-mask{background: rgba(255,255,255,0); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; z-index: 0; -webkit-transition: 2s; transition: 2s;}

/*.page-cover:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; opacity:.85; background:#138b4f; background:-moz-linear-gradient(top,rgba(20,140,80,1) 0%,rgba(20,80,140,1) 100%); background:-webkit-linear-gradient(top,rgba(20,140,80,1) 0%,rgba(20,80,140,1) 100%); background:linear-gradient(to bottom,rgba(20,140,80,1) 0%,rgba(20,80,140,1) 100%);}*/

/********************************* Media Queries ***********************************/

/********************************* Width: 1366px ***********************************/

@media only screen and (max-width: 1365px)
{
    #block-views-police-initiatives-block .views-slideshow-controls-top.clearfix {right: 40%;}
}

/********************************* Width: 1300px ***********************************/

@media only screen and (max-width: 1299px)
{
    #pinit-in-wrap {padding: 0.5em 3em;}
    
    #raasta-body-wrap {padding: 4em;}
    
    #block-views-main-news-view-block-1 .view-content {padding: 0 3em;}
}

/********************************* Width: 1200px ***********************************/

@media only screen and (max-width: 1199px)
{
    .navbar-nav {width: 70%;}
    
    #mb-box-wrap {padding: 1em 0;}
    
    #pinit-in-wrap {padding: 0.5em 0;}
}

/********************************* Width: 1100px ***********************************/

@media only screen and (max-width: 1099px)
{
    .navbar-nav {width: 67%;}
    
    .mb-box-menu-item {padding: 1em;}
    
    .mb-box-smenu-item-wrap {left: 1em; width: 97%;}
    
    #pinit-body-left-wrap {padding: 1em 0.5em;}
    
    #pp-compstat-wrap {padding: 4em 0;}
    
    #raasta-body-wrap {padding: 2em;}
    
    #block-views-main-news-view-block-1 .view-content {padding: 0;}
    
    .newsroom-bout-wrap {padding: 0 1em;}
    
    #footer-help-wrap {padding: 0 1em;}
}

/********************************* Width: 1000px ***********************************/

@media only screen and (max-width: 999px)
{
    .front #navbar {background: #140d44 !important; padding: 0.25em !important;}
    
    #navbar {padding: 0.25em !important;}
    
    .navbar-nav {width: 100%; margin: 0 !important; text-align: center;}
    
    .region.region-banner01 {position: initial;}
    
    #block-block-16 {margin-top: 0;}
    
    .mb-box-smenu-li a {font: 18px RobotoRegular;}
    
    #block-views-police-initiatives-block {padding: 1em 0;}
    
    #pinit-title {height: auto;}
    
    #pinit-txt {height: auto;}
    
    #block-views-police-initiatives-block .views-slideshow-controls-top.clearfix {right: 5%; top: 4em;}
    
    #pinit-body-right-wrap {padding: 2em 0 0 0;}
    
    #pp-compstat-wrap {padding: 0;}
    
    #comp-center-wrap {margin: 1em auto;}
    
    #cc-stats-wrap {padding: 2em 0 1em;}
    
    #cc-stats-body-wrap {padding: 0.5em 0; margin: 0.5em 0;}
    
    #raasta-body-wrap {padding: 1em;}
    
    #block-views-main-news-view-block-1 {padding: 1em 0;}
    
    #block-views-main-news-view-block-1 .view-content {margin: 0;}
    
    #newsroom-title {height: auto;}
    
    #newsroom-txt {height: auto;}
    
    #newsroom-btn-wrap {padding: 0.5em 0; margin: 0.5em 0;}
    
    #tunefm-player img {width: 100%; display: block; height: auto;}
    
    #copyr-wrap, #poweredbi-wrap {text-align: center;}
}

/********************************* Width: 900px ***********************************/

@media only screen and (max-width: 899px)
{
    .mb-box-menu-item {padding: 0.25em;}
    
    .mb-box-smenu-item-wrap {left: 0.25em; width: 99%;}
    
    .mb-box-smenu-li a {font: 16px RobotoRegular;}
    
    .sh-wrap {padding: 0.25em 0; margin: 0.25em 0;}
    
    #pp-pservices-wrap {padding: 1em 0;}
    
    #pservices-body-wrap {padding: 0.5em 7em; margin: 0.5em 0;}
    
    #footer-help-wrap {padding: 0;}
    
    .fm-title {font: 20px RobotoMedium;}
    
    .foot-help-text-1 {font: 13px RobotoMedium;}
}

/********************************* Width: 800px ***********************************/

@media only screen and (max-width: 799px)
{
    
}

/********************************* Width: 768px ***********************************/

@media only screen and (max-width: 767px)
{
    .front #navbar, #navbar {padding: 0.15em !important;}
    
    .navbar-toggle {margin-top: 25px;}
    
    .navbar-nav {text-align: left;}
    
    .navbar-default .navbar-nav > li {display: block; margin: 0;}
    
    .navbar-default .navbar-nav > li > a {padding: 0.4em 0.25em;}
    
    .navbar #block-search-form {position: initial;}
    
    #block-block-15 {position: initial;}
    
    #mb-box-wrap {background: #f4f2f1;}
    
    .mb-box-menu-item-wrap {margin: 0;}
    
    .mb-box-menu-item {width: 100%; display: block; padding: 0.5em;}
    
    .mb-box-menu-item-a {padding: 0.25em;}
    
    #mb-box-about-icon, #mb-box-service-icon, #mb-box-initiative-icon, #mb-box-stats-icon, #mb-box-complaint-icon {width: 40px; height: 40px; background-size: contain; display: inline-block; margin: 0.25em; float: left;}
    
    #mb-box-about-title, #mb-box-service-title, #mb-box-initiative-title, #mb-box-stats-title, #mb-box-complaint-title {padding: 0.25em 0 0.25em 0.5em; margin: 0.25em 0; float: left;}
    
    .mb-box-arrow {display: inline-block; float: right; margin: 1.1em 0.25em; padding: 0.5em 0;}
    
    .u-active .mb-box-menu-item-wrap {border-radius: 0;}
    
    .mb-box-smenu-item-wrap {position: initial; margin: 0; width: 100%; float: left; border: 2px solid transparent;}
    
    .mb-box-smenu-li {display: block; width: 100%;}
    
    #pservices-body-wrap {padding: 0.5em 0;}
    
    #footer-help-wrap, #footer-proc-wrap, #footer-mlinks-wrap {width: 240px; margin: 0 auto;}
}

/********************************* Width: 700px ***********************************/

@media only screen and (max-width: 699px)
{
    #pp-onefive-wrap {padding: 0.5em 0;}
    
    #onefive-txt-1 {text-align: center; line-height: 1;}
    
    #onefive-txt-15 {line-height: 1;}
}

/********************************* Width: 600px ***********************************/

@media only screen and (max-width: 599px)
{
    #block-views-police-initiatives-block .views-slideshow-controls-top.clearfix {right: 7%;}
    
    #pinit-img img {width: 100%; display: none;}
}

/********************************* Width: 500px ***********************************/

@media only screen and (max-width: 499px)
{
    .pinit-out-wrap {padding: 0;}
    
    #tunefm-title {font-size: 55px;}
    
    #tunefm-stitle {font-size: 25px;}
    
    #pp-footer-top {word-spacing: 5px;}
}

/********************************* Width: 400px ***********************************/

@media only screen and (max-width: 399px)
{
    .navbar-toggle {margin-top: 27px; margin-right: 5px;}
    
    .section-header {font: 44px RobotoBold;}
    
    #block-views-police-initiatives-block .views-slideshow-controls-top.clearfix {top: 3em;}
    
    #pinit-c1, #pinit-c2 {padding: 0 0.25em;}
    
    #compstat-c1 {padding: 0 0.25em;}
    
    #comp-center-wrap {width: 100%;}
    
    #onefive-txt-1 {font-size: 40px;}
    
    #onefive-txt-15 {font-size: 55px;}
    
    #onefive-txt-3 {font-size: 120px;}
    
    #raasta-body-wrap {padding: 1em 0;}
    
    #raasta-title {font-size: 30px;}
    
    #raasta-logo-wrap {padding: 0.5em 0; margin: 0.5em 0;}
    
    #raasta-logo {width: 100%; background-size: contain;}
    
    #newsroom-bin-wrap {padding: 1em;}
    
    #tunefm-title {font-size: 45px;}
}

/********************************* Width: 360px ***********************************/

@media only screen and (max-width: 359px)
{
    .navbar .logo img {width: 84%;}
}

/********************************* ... ***********************************/