.profile-header {
            transform: translateY(5rem);
        }

        body {
            overflow-x: hidden;
            background: -webkit-linear-gradient(to right, #04233c, #275479);
            background: linear-gradient(to right, #04233c, #275479);
            width: 100%;
        }

        .banner-header img {
            height: 192px;
            margin-left: 0px;
            padding-left: 0px;
            position: absolute;
            width: 100%;
            opacity: 0.4
        }

        .pos {
            position: relative;
        }


        .banner-header img::before {
            background-color: #FFBA10;
            border-color: black;
            border-style: dotted;
        }

        .bg-dark-1 {
            background-color: #000 !important;
        }

        .p-4-1 {
            padding: 1.5rem 0px !important;
        }

        .blue {
            background-color: #04233c !important;
            border-radius: 100% !important;
            padding: 13px 13px;
            color: #fff;
            font-size: 13px;
            width: 42px;
            height: 42px;
            text-align: center;
        }

        .blue-btn {
            background-color: #04233c !important;
            border: 0px;
        }

        .blue-btn:hover {
            background-color: #f8941c !important;
            border: 0px;
        }

        .newcls {
            font-size: 20px;
            color: #04233c;
            line-height: 17px;
        }

        .bodr {
            border-bottom: 1px solid #f2f2f2;
            margin-bottom: 19px;
        }

        .bodr span {
            font-size: 13px;
        }

        .social-heading {
            background: #f1f1f1;
            padding: 8px;
            border-radius: 5px;
        }

        .container.gallery-container {
            background-color: #fff;
            color: #35373a;
            min-height: 100vh;
            padding: 30px 50px;
        }

        .gallery-container h1 {
            text-align: center;
            margin-top: 50px;
            font-family: 'Droid Sans', sans-serif;
            font-weight: bold;
        }

        .gallery-container p.page-description {
            text-align: center;
            margin: 25px auto;
            font-size: 18px;
            color: #999;
        }

        .tz-gallery {
            padding: 5px 16px;
        }

        /* Override bootstrap column paddings */

        .tz-gallery .row > div {
            padding: 2px;
        }

        .tz-gallery .lightbox img {
            width: 100%;
            border-radius: 0;
            position: relative;
        }

        .tz-gallery .lightbox:before {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -13px;
            margin-left: -13px;
            opacity: 0;
            color: #fff;
            font-size: 26px;
            font-family: 'Glyphicons Halflings';
            content: url('search.png');
            pointer-events: none;
            z-index: 9000;
            transition: 0.4s;
        }

        .tz-gallery .lightbox:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            background-color: rgba(46, 132, 206, 0.7);
            content: '';
            transition: 0.4s;
        }

        .tz-gallery .lightbox:hover:after,
        .tz-gallery .lightbox:hover:before {
            opacity: 1;
        }

        .baguetteBox-button {
            background-color: transparent !important;
        }

        @media (max-width: 768px) {
            body {
                padding: 0;
            }

        }

        @media (max-width: 500px) {
            .col-sm-d {
                width: 20% !important;
            }

            .col-sm-d-80 {
                width: 80% !important;
            }

            .col-sm-33 {
                width: 33% !important;
            }
        }

        .social-icon {
            list-style-type: none;
            margin-left: 0px;
            padding: 0px;
        }

        .social-icon li {
            display: inline-block;
            padding-right: 5px;
        }

        a {
            text-decoration: none !important;
            color: #04233c !important;
            cursor: pointer !important;
        }
        .floating-right-bottom-btn
        {
            position : absolute;
            right : 10px;
            botton : 16px;
        }
        .float{
            position:fixed;
            width:60px;
            height:35px;
            bottom:40px;
            right:40px;
            background-color: #04233c;
            color:#FFF;
            border-radius:50px;
            text-align:center;
            box-shadow: 2px 2px 3px #2c2c2c85;
        }
        a:hover{
            color:darkblue !important;
        }
        .my-float{
            justify-content: center!important;
            align-items: flex-start!important;
            width: 200px!important;
        }
        @media (min-width: 576px){
            .modal-dialog {
                max-width: 800px!important;
                margin: 1.75rem auto;
            }
        }
		.blue:hover {
		    background-color: #f8941c !important;
		}

        
        .profile-header {
            transform: translateY(5rem);
        }

        body {
            overflow-x: hidden;
            background: -webkit-linear-gradient(to right, #04233c, #275479);
            background: linear-gradient(to right, #04233c, #275479);
            width: 100%;
        }

        .banner-header img {
            height: 192px;
            margin-left: 0px;
            padding-left: 0px;
            position: absolute;
            width: 100%;
            opacity: 0.4
        }

        .pos {
            position: relative;
        }


        .banner-header img::before {
            background-color: #FFBA10;
            border-color: black;
            border-style: dotted;
        }

        .bg-dark-1 {
            background-color: #000 !important;
        }

        .p-4-1 {
            padding: 1.5rem 0px !important;
        }

        .blue {
            background-color: #04233c !important;
            border-radius: 100% !important;
            padding: 13px 13px;
            color: #fff;
            font-size: 13px;
            width: 42px;
            height: 42px;
            text-align: center;
        }

        .blue-btn {
            background-color: #04233c !important;
            border: 0px;
        }

        .blue-btn:hover {
            background-color: #f8941c !important;
            border: 0px;
        }

        .newcls {
            font-size: 20px;
            color: #04233c;
            line-height: 17px;
        }

        .bodr {
            border-bottom: 1px solid #f2f2f2;
            margin-bottom: 19px;
        }

        .bodr span {
            font-size: 13px;
        }

        .social-heading {
            background: #f1f1f1;
            padding: 8px;
            border-radius: 5px;
        }

        .container.gallery-container {
            background-color: #fff;
            color: #35373a;
            min-height: 100vh;
            padding: 30px 50px;
        }

        .gallery-container h1 {
            text-align: center;
            margin-top: 50px;
            font-family: 'Droid Sans', sans-serif;
            font-weight: bold;
        }

        .gallery-container p.page-description {
            text-align: center;
            margin: 25px auto;
            font-size: 18px;
            color: #999;
        }

        .tz-gallery {
            padding: 5px 16px;
        }

        /* Override bootstrap column paddings */

        .tz-gallery .row > div {
            padding: 2px;
        }

        .tz-gallery .lightbox img {
            width: 100%;
            border-radius: 0;
            position: relative;
        }

        .tz-gallery .lightbox:before {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -13px;
            margin-left: -13px;
            opacity: 0;
            color: #fff;
            font-size: 26px;
            font-family: 'Glyphicons Halflings';
            content: url('search.png');
            pointer-events: none;
            z-index: 9000;
            transition: 0.4s;
        }

        .tz-gallery .lightbox:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            background-color: rgba(46, 132, 206, 0.7);
            content: '';
            transition: 0.4s;
        }

        .tz-gallery .lightbox:hover:after,
        .tz-gallery .lightbox:hover:before {
            opacity: 1;
        }

        .baguetteBox-button {
            background-color: transparent !important;
        }

        @media (max-width: 768px) {
            body {
                padding: 0;
            }

        }

        @media (max-width: 500px) {
            .col-sm-d {
                width: 20% !important;
            }

            .col-sm-d-80 {
                width: 80% !important;
            }

            .col-sm-33 {
                width: 33% !important;
            }
        }

        .social-icon {
            list-style-type: none;
            margin-left: 0px;
            padding: 0px;
        }

        .social-icon li {
            display: inline-block;
            padding-right: 5px;
        }

        a {
            text-decoration: none !important;
            color: #04233c !important;
            cursor: pointer !important;
        }
        .floating-right-bottom-btn
        {
            position : absolute;
            right : 10px;
            botton : 16px;
        }
        .float{
            position:fixed;
            width:60px;
            height:35px;
            bottom:40px;
            right:40px;
            background-color: #04233c;
            color:#FFF;
            border-radius:50px;
            text-align:center;
            box-shadow: 2px 2px 3px #2c2c2c85;
        }
        a:hover{
            color:darkblue !important;
        }
        .my-float{
            justify-content: center!important;
            align-items: flex-start!important;
            width: 200px!important;
        }
        @media (min-width: 576px){
            .modal-dialog {
                max-width: 800px!important;
                margin: 1.75rem auto;
            }
        }
        .blue:hover {
            background-color: #f8941c !important;
        }