/* 23. Responsive Styles 

–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (min-width: 1910px)

{

}

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

{

   .slogan 

    {

        font-size: 18px;

        display: contents;

    }

    .image-banner {

        height: auto;

        width: 100%;

    }

    .navbar-brand {

	margin: 0px auto;

    }

    .navbar 

    {

        margin-bottom: 0;

    }

    .color_logo 

    {

        width: 120px;

        height: auto;

        margin-top:38px;

    }

    .navbar-header

    {

	padding: 10px;

    }

    .about-content {

        padding: 0 23px;

    }

    .about-content p {

        font-size: 13px;

        font-weight: 400;

        line-height: 27px;

        text-align: center;

        margin: 0px auto;

        white-space-collapse: unset;

    }

    .content-img {

        width: 100% !important;

        float: unset;

        display: unset;

        clear: both;

    }

    .content-box {

        display: grid;

        max-width: unset !important;

        width: 100% !important;

    }

    .content-box .heading h2::before {

        left: 50%;

        margin-left: -70px;

    }

    .content-box .heading h2::after {

        left: 50%;

        margin-left: -13px;

    }

/*    .dwn-load img

    {

        width: 100%;

        height: auto;

        padding: 5px;

    }*/

    .dwn-load a img {

        width: 200px;

        margin: 5px;

        height: auto;

    }

    .content-box .heading h2

    {

        text-align: center;

    }

    .about-inner-conente 

    {

        margin: 25px 10px;

    }

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

  .slogan 

    {

        font-size: 18px;

        display: contents;

    }

    .image-banner {

        height: auto;

        width: 100%;

    }

    .navbar-brand {

	margin: 0px auto;

    }

    .navbar 

    {

        margin-bottom: 0;

    }

    .color_logo 

    {

        width: 120px;

        height: auto;

    }

    .navbar-header

    {

	padding: 10px;

    }

    .about-content {

        padding: 0 23px;

    }

    .about-content p {

        font-size: 13px;

        font-weight: 400;

        line-height: 27px;

        text-align: center;

        margin: 0px auto;

        white-space-collapse: unset;

    }

    .content-img {

        width: 100% !important;

        float: unset;

        display: unset;

        clear: both;

    }

    .content-box {

        display: grid;

        max-width: unset !important;

        width: 100% !important;

    }

    .content-box .heading h2::before {

        left: 50%;

        margin-left: -70px;

    }

    .content-box .heading h2::after {

        left: 50%;

        margin-left: -13px;

    }

/*    .dwn-load img

    {

        width: 100%;

        height: auto;

        padding: 5px;

    }*/

    .dwn-load a img {

        width: 200px;

        margin: 5px;

        height: auto;

    }

    .content-box .heading h2

    {

        text-align: center;

    }

    .about-inner-conente 

    {

        margin: 25px 10px;

    }

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

{
 
#banner-page {

  position: relative;
        width: 100%;
        overflow: hidden;
        margin-top: 0px;

}

.banner-page {

/* height: 38vh;*/

  width: 100%;

}

    .slogan {

        font-size: 18px;

        display: contents;

        line-height: unset;

    }

    .image-banner {

        height: auto;

        width: 100%;

    }

    .navbar-brand {

	margin: 0px auto; 

        padding:0px;

    }

    .navbar 

    {

        margin-bottom: 0;

    }

    .color_logo {

        width: 180px;
        height: auto;

        margin-top:0px;

    }

    .navbar-header

    {

	padding: 10px;

    }

    .about-content {

        padding: 0 23px;

    }

    .about-content p {

        font-size: 13px;

        font-weight: 400;

        line-height: 27px;

        text-align: center;

        margin: 0px auto;

        white-space-collapse: unset;

    }

/*    .content-img {

        width: 100% !important;

        float: unset;

        display: unset;

        clear: both;

    }*/

    .content-box {

        display: grid;

        max-width: unset !important;

        width: 100% !important;

    }

    .content-box .heading h2::before {

        left: 50%;

        margin-left: -70px;

    }

    .content-box .heading h2::after {

        left: 50%;

        margin-left: -13px;

    }

/*    .dwn-load img

    {

        width: 100%;

        height: auto;

        padding: 5px;

    }*/

    .dwn-load a img {

        width: 200px;

        margin: 5px;

        height: auto;

    }

    .content-box .heading h2

    {

        text-align: center;

    }

    .about-inner-conente 

    {

        margin: 25px 10px;

    }

    .res-mobile-nav {

	display: block;

    }

    .res-mobile-nav .navbar-toggle {

        margin-top: 18px;

        margin-top: 12px;

        margin-right: 5px;

    }

    .res-mobile-nav .navbar-toggle .icon-bar 

    {

	background: rgb(0 0 0 / 80%);

    }

    .res-mobile-nav .navbar-toggle {

	position: absolute;

	top: 12px;

	right: 0;

    }

    .res-mobile-nav ul.nav a 

    {

	color: rgba(55,55,55,.8);

	-webkit-transition: .3s ease;

	transition: .3s ease;

    }

/*    .res-mobile-nav .nav li.active::after {

        border-right: 1px solid #ED343B;

        border-bottom: 1px solid #ED343B;

        content: "";

        height: 12px;

        right: 12px;

        position: absolute;

        bottom: 12px;

        width: 13px;

    }

    .res-mobile-nav .nav li.active::before {

        border-left: 1px solid #ED343B;

        border-bottom: 1px solid #ED343B;

        content: "";

        height: 12px;

        right: 12px;

        position: absolute;

        bottom: 12px;

        width: 13px;

    }*/

    .res-mobile-nav .nav > li.active a 

    {

        color: #126aa8 !important;

        background-color: #f1f3f5;

    }

    .res-mobile-nav .nav > li.active a:hover 

    {

        background-color: #f1f3f5;

    }

    .res-mobile-nav .navbar-collapse.in 

    {

        overflow: visible;

        background: #fff;

        /* background: lightgray; */

        transition: .3s ease;

        position: relative;

        z-index: 1;

    }

    .res-mobile-nav .navbar ul.nav a 

    {

        color: rgba(55,55,55,.8);

        -webkit-transition: .3s ease;

        transition: .3s ease;

    }

   .res-mobile-nav {

        display: initial;

        text-align: center;

        height: auto;

        padding: 0;

        width: 0;

    }

    #rx-navbar-collapse

    {

        width: 100%;

        background-color: white;

    }

    .is-sticky .navbar 

    {

        padding: 0px 0;

        margin-bottom: 0px;

    }

    .navbar

    {

        border:unset;

    }

    #main-nav

    {
    height: auto;
	

    }

    .is-sticky .navbar 

    {

        position: fixed !important;

    }  

    .navbar-header.center-align {

	background-color: white;

    }

    .navbar-brand {

	width: 100%;

	text-align: center;

	margin: 0px auto;

	padding: 10px;

	line-height: unset;

    }

}