@media (max-width:360px){
    .headermiddle{width:100%;float:left;}
    .headerbottom ul.menu{position: absolute;right: 0px;top: 50px;background: #000;width:200px;padding-left: 5%;z-index:2;}
    .headerbottom ul.menu>li{text-align: left;}
    .headerbottom ul.menu>li>a{color:#fff !important;font-size: 16px;font-weight: normal;height: 40px;line-height: 40px;}
    .breadcrumbs{width:90%;}
    .councilmemberlist{width: 100%;padding: 4%;}
    .membershiplist>li{width: 100%;}
    .sectiondescription h2{font-size: 23px;margin: 3% 0;}
    .col-sm-5.contactus{max-width: 100%;flex: 0 0 100%;}
    .col-lg-7.contactusemail{margin-top: 2%;}
    .carousel-inner img{height: 180px;}
    .carousel-caption>h1{font-size: 12px;}
    .carousel-caption>p{font-size: 10px;line-height:16px;margin-bottom: 0;}
    .owl-carousel p{height:auto;}
    .owl-nav .owl-prev{left:0px;}
    .owl-nav .owl-next{right:0px;}
    .sectionspace{padding: 20px 0;}
    .bnuindexlist{padding-left: 10%;}
    .sectioncourse{width: 91%;margin: 0 auto 5%;}
    .membership h2{height: 70px;}
    .applyonlineform label{width: 100%;}
    .applyonlineform input,.applyonlineform .form-group,.applyonlineform .form-group .form-control{width: 100%;}
    .sitelogo{margin: 0px auto;width:200px;}
    .headerbottom{width:100%;float: left;}
    .headermail{text-align: center;}
    .sitetitle{font-size: 26px;}
    .headerbottom .menu-icon{position: absolute;top:0;right:0;}
    .headerbottom .menu-icon .navicon {width: 35px;height: 4px;}
    .headerbottom .menu-icon .navicon:before {top: 10px;}
    .headerbottom .menu-icon .navicon:after {top: -10px;}
    .applyonlineform .radio input{width:20%;}
    .docupload tr{display: inline-grid;width:100%;}
    .councilmemberlist p{margin-bottom: 0;}
    .socialicon ul {width:30%;}
    }
    
    @media (min-width:361px) and (max-width:480px){
    .headermiddle{width:100%;float:left;}
    .headerbottom ul.menu{position: absolute;right: 0px;top: 50px;background: #000;width:200px;padding-left: 5%;z-index:2;}
    .headerbottom ul.menu>li{text-align: left;}
    .headerbottom ul.menu>li>a{color:#fff !important;font-size: 16px;font-weight: normal;height: 40px;line-height: 40px;}
    .breadcrumbs{width: 73%;}
    .councilmemberlist{width: 100%;padding: 4%;}
    .membershiplist>li{width: 100%;}
    .sectiondescription h2{font-size: 23px;}
    .col-sm-5.contactus{max-width: 100%;flex: 0 0 100%;}
    .col-lg-7.contactusemail{margin-top: 2%;}
    .carousel-caption>h1{font-size: 12px;}
    .carousel-inner img {height: 180px;}
    .carousel-caption>p{font-size: 10px;line-height:16px;margin-bottom: 0;}
    .owl-carousel p{height: auto;}
    .owl-nav .owl-prev{left:0px;}
    .owl-nav .owl-next{right:0px;}
    .sectionspace{padding: 20px 0;}
    .bnuindexlist{padding-left: 6%;}
    .sectioncourse{width: 91%;margin: 0 auto 5%;}
    .membership h2{height: 70px;}
    .applyonlineform label{width: 100%;}
    .applyonlineform input,.applyonlineform .form-group,.applyonlineform .form-group .form-control{width: 100%;}
    .sitelogo{margin: 0px auto;width:200px;}
    .headerbottom{width:100%;float: left;}
    .headermail{text-align: center;}
    .sitetitle{font-size: 26px;}
    .headerbottom .menu-icon{position: absolute;top:0;right:0;}
    .headerbottom .menu-icon .navicon {width: 35px;height: 4px;}
    .headerbottom .menu-icon .navicon:before {top: 10px;}
    .headerbottom .menu-icon .navicon:after {top: -10px;}
    .applyonlineform .radio input{width:20%;}
    .docupload tr{display: inline-grid;width:100%;}
    .councilmemberlist p{margin-bottom: 0;}
    .socialicon ul {width:33%;}
    }
    
    @media (min-width:481px) and (max-width:640px){
    .headermiddle{width:100%;float:left;}
    .breadcrumbs{width: 55%;}
    .headerbottom ul.menu{position: absolute;right: 0px;top: 50px;background: #000;width:200px;padding-left: 2%;z-index:2;}
    .headerbottom ul.menu>li{text-align: left;}
    .headerbottom ul.menu>li>a{color:#fff !important;font-size: 16px;font-weight: normal;height: 40px;line-height: 40px;}
    .councilmemberlist{width: 100%;padding: 4%;}
    .membershiplist>li{width: 100%;}
    .sectiondescription h2{font-size: 20px;}
    .col-sm-5.contactus{max-width: 100%;flex: 0 0 100%;}
    .col-lg-7.contactusemail{margin-top: 1%;}
    .carousel-caption>h1{font-size: 28px;}
    .carousel-inner img {height: 265px;}
    .carousel-caption>p{font-size: 14px;line-height:20px;}
    .owl-carousel p{height: auto;}
    .owl-nav .owl-prev{left:0px;}
    .owl-nav .owl-next{right:0px;}
    .sectionspace{padding: 20px 0;}
    .bnuindexlist{padding-left: 5%;}
    .sectioncourse{width: 100%;margin: 0 auto 5%;}
    .membership h2{height: 100px;}
    .applyonlineform label{width: 100%;}
    .applyonlineform input,.applyonlineform .form-group,.applyonlineform .form-group .form-control{width: 100%;}
    .sitelogo{margin: 0px auto;width:200px;}
    .headerbottom{width:100%;float: left;}
    .headermail{text-align: center;}
    .sitetitle{font-size: 38px;}
    .headerbottom .menu-icon{position: absolute;top:0;right:0;}
    .headerbottom .menu-icon .navicon {width: 35px;height: 4px;}
    .headerbottom .menu-icon .navicon:before {top: 10px;}
    .headerbottom .menu-icon .navicon:after {top: -10px;}
    .sitesubtitle {font-size: 15px;}
    .applyonlineform .radio input{width:20%;}
    .docupload tr{display: inline-grid;width:100%;}
    .councilmemberlist p{margin-bottom: 0;}
    .socialicon ul {width:36%;}
    }
    
    @media (min-width:641px) and (max-width:787px){
    .breadcrumbs{width: 55%;}
    .headermiddle{width:100%;float:left;}
    .headerbottom ul.menu{position: absolute;right: 0px;top: 50px;background: #000;width:200px;padding-left: 2%;z-index:2;}
    .headerbottom ul.menu>li{text-align: left;}
    .headerbottom ul.menu>li>a{color:#fff !important;font-size: 16px;font-weight: normal;height: 40px;line-height: 40px;}
    .councilmemberlist{width: 48%;padding: 1%;}
    .membershiplist>li{width: 100%;}
    .sectiondescription h2{font-size: 30px;}
    .col-sm-5.contactus{max-width: 100%;flex: 0 0 100%;}
    .col-lg-7.contactusemail{margin-top: 1%;}
    .carousel-caption>h1{font-size: 40px;}
    .carousel-inner img {height: 320px;}
    .carousel-caption>p{font-size: 16px;line-height:24px;}
    .owl-carousel p{height: auto;}
    .owl-nav .owl-prev{left:-22px;}
    .owl-nav .owl-next{right:-22px;}
    .sectionspace{padding: 20px 0;}
    .bnuindexlist{padding-left: 6%;}
    .sectioncourse{width: 94%;margin: 0 auto 5%;}
    .membership h2{height: auto;margin-bottom: 5%;}
    .applyonlineform label{width: 100%;}
    .applyonlineform input,.applyonlineform .form-group,.applyonlineform .form-group .form-control{width: 100%;}
    .sitelogo{margin: 0px auto;width:200px;}
    .headerbottom{width:100%;float: left;}
    .headermail{text-align: center;}
    .sitetitle{font-size: 38px;}
    .headerbottom .menu-icon{position: absolute;top:0;right:0;}
    .headerbottom .menu-icon .navicon {width: 35px;height: 4px;}
    .headerbottom .menu-icon .navicon:before {top: 10px;}
    .headerbottom .menu-icon .navicon:after {top: -10px;}
    .sitesubtitle {font-size: 15px;}
    .docupload tr{display: inline-grid;width:100%;}
    .applyonlineform .radio input{width:20%;}
    .councilmemberlist p{margin-bottom: 0;}
    .socialicon ul {width:38%;}
    }
    
    @media (min-width:788px) and (max-width:990px){
    .breadcrumbs{width: 26%;}
    .headermiddle{width:100%;float:left;}
    .headerbottom ul.menu{position: absolute;right: 0px;top: 50px;background: #000;width:200px;padding-left: 2%;z-index:2;}
    .headerbottom ul.menu>li{text-align: left;}
    .headerbottom ul.menu>li>a{color:#fff !important;font-size: 16px;font-weight: normal;height: 40px;line-height: 40px;}
    .councilmemberlist{width: 31%;padding: 1%;}
    .membershiplist>li{width: 31%;}
    .sectiondescription h2{font-size: 30px;}
    .contactusdesc{padding-top: 7%;}
    .col-sm-5.contactus{max-width: 100%;flex: 0 0 100%;}
    .col-lg-7.contactusemail{margin-top: 1%;}
    .carousel-caption>h1{font-size: 40px;}
    .carousel-inner img {height: 400px;}
    .carousel-caption>p{font-size: 16px;line-height:30px;}
    .owl-carousel p{height: 110px;}
    .owl-nav .owl-prev{left:-22px;}
    .owl-nav .owl-next{right:-22px;}
    .sectionspace{padding: 40px 0;}
    .bnuindexlist{padding-left: 2%;}
    .sectioncourse{width: 31%;margin: 0 1%;}
    .membership h2{height: 110px;margin-bottom: 8%;}
    .applyonlineform label{width: 100%;}
    .applyonlineform input,.applyonlineform .form-group,.applyonlineform .form-group .form-control{width: 100%;}
    .sitelogo{margin: 0px auto;width:200px;}
    .headerbottom{width:100%;float: left;}
    .headermail{text-align: center;}
    .sitetitle{font-size: 38px;}
    .headerbottom .menu-icon{position: absolute;top:0;right:0;}
    .headerbottom .menu-icon .navicon {width: 35px;height: 4px;}
    .headerbottom .menu-icon .navicon:before {top: 10px;}
    .headerbottom .menu-icon .navicon:after {top: -10px;}
    .councilmemberlist p{margin-bottom: 0;}
    .socialicon ul {width:40%;}
    }
    
    @media (min-width:991px) and (max-width:1024px){
    .breadcrumbs{width: 26%;}
    .headerbottom li a {padding: 20px 10px;font-size: 16px;}
    .councilmemberlist{width: 23%;padding: 1%;}
    .membershiplist>li{width: 48%;}
    .sectiondescription h2{font-size: 20px;}
    .contactusdesc{padding-top: 0%;}
    .carousel-caption>h1{font-size: 40px;}
    .carousel-inner img {height: 100%;}
    .carousel-caption>p{font-size: 18px;line-height:35px;}
    .owl-carousel h2{font-size: 25px;}
    .owl-carousel p{height: 145px;}
    .owl-nav .owl-prev{left:-22px;}
    .owl-nav .owl-next{right:-22px;}
    .sectionspace{padding: 40px 0;}
    .bnuindexlist{padding-left: 2%;}
    .sectioncourse{width: 31%;margin: 0 1%;}
    .membership h2{height: 80px;font-size: 20px;line-height: 30px;}
    .owl-carousel.usefullinks h2{font-size: 18px;}
    .applyonlineform label{width: 40%;}
    .applyonlineform input,.applyonlineform .form-group,.applyonlineform .form-group .form-control{width: 35%;}
    .sitelogo{float: left;width:20%;}
    .sitelogo img{height: 155px;}
    .headerbottom{width:80%;float: left;}
    .headermail{text-align: right;}
    .sitetitle{font-size: 35px;}
    .headerbottom .menu-icon{position: relative;}
    .headerbottom .menu-icon .navicon {width: 18px;height: 3px;}
    .headerbottom .menu-icon .navicon:before {top: 5px;}
    .headerbottom .menu-icon .navicon:after {top: -5px;}
    .councilmemberlist p{margin-bottom: 0;}
    }
    
    @media (min-width:1025px) and (max-width:1200px){
    .breadcrumbs{width: 26%;}
    .councilmemberlist{width: 23%;padding: 1%;}
    .membershiplist>li{width: 31%;}
    .sectiondescription h2{font-size: 20px;}
    .contactusdesc{padding-top: 0%;}
    .carousel-caption>h1{font-size: 40px;}
    .carousel-inner img {height: 100%;}
    .carousel-caption>p{font-size: 18px;line-height:35px;}
    .owl-carousel p{height: 90px;}
    .owl-nav .owl-prev{left:-22px;}
    .owl-nav .owl-next{right:-22px;}
    .sectionspace{padding: 40px 0;}
    .bnuindexlist{padding-left: 2%;}
    .sectioncourse{width: 31%;margin: 0 1%;}
    .membership h2{height: 70px;}
    .applyonlineform label{width: 25%;}
    .applyonlineform input,.applyonlineform .form-group,.applyonlineform .form-group .form-control{width: 35%;}
    .sitelogo{float: left;width:200px;}
    .headerbottom{width:80%;float: left;}
    .headermail{text-align: right;}
    .sitetitle{font-size: 43px;}
    .headerbottom .menu-icon{position: relative;}
    .headerbottom .menu-icon .navicon {width: 18px;height: 3px;}
    .headerbottom .menu-icon .navicon:before {top: 5px;}
    .headerbottom .menu-icon .navicon:after {top: -5px;}
    .councilmemberlist p{margin-bottom: 0;}
    }
    
    @media (min-width:1201px){
    .breadcrumbs{width: 26%;}
    .councilmemberlist{width: 23%;padding: 1%;}
    .membershiplist>li{width: 31%;}
    .sectiondescription h2{font-size: 20px;}
    .contactusdesc{padding-top: 0%;}
    .carousel-caption>h1{font-size: 40px;}
    .carousel-inner img {height: 100%;}
    .carousel-caption>p{font-size: 18px;line-height:35px;}
    .owl-carousel p{height: 110px;}
    .owl-nav .owl-prev{left:-22px;}
    .owl-nav .owl-next{right:-22px;}
    .sectionspace{padding: 40px 0;}
    .bnuindexlist{padding-left: 2%;}
    .sectioncourse{width: 31%;margin: 0 1%;}
    .membership h2{height: 100px;font-size: 25px;line-height: 38px;}
    .owl-carousel.usefullinks h2{font-size: 20px;}
    .applyonlineform label{width: 25%;}
    .applyonlineform input,.applyonlineform .form-group,.applyonlineform .form-group .form-control{width: 35%;}
    .sitelogo{float: left;width:200px;}
    .headerbottom{width:80%;float: left;}
    .headermail{text-align: right;}
    .sitetitle{font-size: 40px;font-weight: 700;}
    .headerbottom .menu-icon{position: relative;}
    .headerbottom .menu-icon .navicon {width: 18px;height: 3px;}
    .headerbottom .menu-icon .navicon:before {top: 5px;}
    .headerbottom .menu-icon .navicon:after {top: -5px;}
    .applyonlineform .form-group .form-control{width: 100% !important;}
    .councilmemberlist p{margin-bottom: 0;}
    }