@media screen and (min-width: 1400px) {

}

@media screen and (max-width: 1024px) and (min-width: 992px) {
    header .navbar-nav li > a {font-size: 14px;}
    header nav.navbar .collapse { margin-left: 110px;}
}

@media screen and (max-width: 991px) {
    header nav.navbar .navbar-collapse  { margin-left: 0px; 
    background-image: -webkit-linear-gradient( 176deg, rgb(34, 183, 144) 0%, rgb(47,93,212) 40%);
    padding: 20px;     padding-top: 60px; margin-top: 30px;
    transition: all 0.5s linear 0s;
    background-image: -moz-linear-gradient( 176deg, rgb(34, 183, 144) 0%, rgb(47,93,212) 40%);}
    header .navbar-nav li > a {
        color: #fff!important;
        font-size: 14px;
        text-transform: uppercase;
        padding: 8px;
    }
    header nav.navbar .navbar-collapse .header-search {display: none;}
    header .navbar-toggler {    background-image: -webkit-linear-gradient( 176deg, rgb(41, 87, 164) 0%, rgb(45, 103, 204) 40%);
    color: #fff;}
    header .navbar-toggler i {color: #fff;}
    header .navbar-toggler:focus {outline: none;}
    header .container {    max-width: 100%; padding: 0;}
    .logo img {left: 40px;}
    header .navbar-toggler {margin-right:40px; position: absolute; right: 0; top: 15px}
    header nav.navbar {padding: 30px 0;}

}

@media screen and (max-width: 1199px) and (min-width: 1025px) {
    .logo img {max-height: 120px;}
    .alert-se {width: 70px;}
    .close-btn {width: 70px;}
    .intro .alert-se {margin-left: -70px;}
    .intro .marque-middle { margin-left: -70px; margin-right: -70px;}
    .intro .close-btn {margin-right: -70px;}
    header nav.navbar .collapse { margin-left: 130px;}
    header .navbar-nav li > a {font-size: 14px;}
     .gallery-lft .rows-sec .thumb {  width: 31%; margin: 0 1% 20px 1%;
    flex: inherit; float: left; max-width: inherit;} 
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
    header nav.navbar .logo {left: 20px!important;}
    .logo img {height: 110px;}
  .navbar-default .navbar-brand img { max-width: 240px;}
    .carousel-caption h3 {    font-size: 35px;  line-height: 1.5;}
    .carousel-caption { left: 10%; width: 600px; text-shadow: none;}
    .banner-sec:after {    border-width: 0 0px 230px 200px;}
    .news-sec .notice-lft-sec {width: 100%; max-width: 100%;}
    .notice-sec {width: 150px; height: 98px; font-size: 18px;}
    ul.news-list li .news-rht h3 {font-size: 13px;}
    ul.news-list li .news-rht a {font-size: 13px;}
    .news-lft {font-size: 14px; width: 50px; height: 50px; padding: 5px 10px;}
    .news-sec .owl-carousel .owl-nav button.owl-prev, .news-sec .owl-carousel .owl-nav button.owl-next {
    padding: 0 0px!important; width: 30px; height: 30px; line-height: 30px; text-align: center;}
    .owl-carousel .owl-dots {top: 5px;}
    .flex-slider-lft .flex-viewport { width: 450px; height: 280px; float: left;  margin-right: 0px; margin: 0 auto;}
    .flex-slider-lft .flex-control-nav { width: 500px;  float: left; margin: 20px auto;}
    .news-sec {height: 520px;}
    .photo_head { width: 200px; height: 126px; font-size: 20px; padding: 63px 6px 0 0; margin-top: 0;}
    .photo_full {margin-bottom: 0;}
    .flex-slider-lft {width: 100%;}
    .view-all { width: 455px;  float: left;  margin: 0; text-align: center;}
    .view-all a { font-size: 14px;  float: none;  display: inline-block;  padding: 0 10px; text-align: center;}
    .bdy_head {  width: 200px;  height: 126px; font-size: 20px;  margin-top: 20px;}
    .top_head { width: 200px; height: 126px; font-size: 20px; margin-top: 20px;}
    section { padding: 0;}
    .second-nav .second li a {font-size: 20px;}
    .second-nav .second li {    padding: 10px 20px 10px 0; font-size: 20px;}
    .sidenav .mobile-nav li {    margin-left: 2px; margin-bottom: 10px;}
    .second-nav {    margin-top: 20px; padding-left: 20px;}
    .nav-footer h4 {padding-left: 20px;}
    .nav-footer .nav-list {padding-left: 12px;}
    .slide-full .mobile-nav-child {padding-top: 30px;}
    .mobile-nav-child li:first-child a, .mobile-sub-child li:first-child a {font-size: 18px;}
    .slide-full .mobile-nav-child li a {font-size: 18px;}
    .slide-full .mobile-nav-child {padding-left: 20px; margin-top: 0;}
    .third_menu .mobile-sub-child {margin-left: 0;}
    .sidenav {width: 60%;}
    .sec-one:after {height: 200px;}
    .sec-one:before {height: 200px;}
    .birth-lft { width: 100%; max-width: 100%; margin-left: 0;}
    .birth-rht { width: 100%; float: none;  padding: 0px 0; margin: 0 auto;}
    .principal-sec h2 {    margin: 0px 0px 40px 0px; font-size: 25px;}
    .principal-content h3 {font-size: 16px;}
    .principal-content h4 {font-size: 18px;  margin: 10px 0px;}
    .principal-content p {font-size: 14px;}
    .view-all-msg { margin-top: 25px; width: 140px; line-height: 40px;}
    .our-client {padding: 0 20px;}
    ul.footer-menu li {margin: 0 8px;}
    ul.footer-menu li a {font-size: 13px;}
    .footer-address h4 {font-size: 13px;}

    .title-box {font-size: 14px;}
    .thumbnail:hover .gallery-content {padding: 10px;}
    .gallery-content p {font-size: 11px;}
    .gallery-content b {font-size: 12px;}
    .gallery-rht { padding-left: 15px; padding-right: 15px;}
    .gallery-fixed-head h3 {font-size: 15px;}
    .album-list .custom-control-label {font-size: 14px;}
    .sidenav-pages p span {font-size: 14px;}
 .gallery-lft .rows-sec .thumb {  width: 48%; margin: 0 1% 20px 1%;
    flex: inherit; float: left; max-width: inherit;} 

}

@media screen and (max-width: 767px) { 
    .our-client {padding: 0 30px;}
    .copy-right p {font-size: 12px;}
    ul.footer-menu li {    margin: 0 5px;}
    .footer-address h4 {    font-size: 13px;  margin: 0 5px;  line-height: 1.5;}
    ul.footer-menu li a {font-size: 13px;}
    .carousel-caption h3 { font-size: 18px;  line-height: 1.5;}
    .carousel-caption { left: 40px; width: 100%; text-shadow: none; bottom: 20px;}
    .banner-sec:after {    border-width: 0 0px 120px 80px;}
    .news-sec .notice-lft-sec {width: 100%;}
    .notice-sec {width: 150px; height: 98px; font-size: 18px;}
    ul.news-list li .news-rht h3 {font-size: 13px;}
    ul.news-list li .news-rht a {font-size: 13px;}
    .news-lft {font-size: 14px; width: 50px; height: 50px; padding: 5px 10px;}
    .news-sec .owl-carousel .owl-nav button.owl-prev, .news-sec .owl-carousel .owl-nav button.owl-next {
    padding: 0 0px!important; width: 30px; height: 30px; line-height: 30px; text-align: center;}
    .owl-carousel .owl-dots {top: 5px;}
    .navbar-header .navbar-brand {padding: 13px;}
    .news-sec {height: auto;}
    .news-sec .notice-lft-sec { width: 100%;  float: left;  display: block;}
    .news-rht { width: 100%; float: left; margin-top: 15px;}
    .rht-content-sec {vertical-align: bottom; display: block; width: 100%; margin-bottom: 10px;}
    .sec-one:before {height: 50px;}
    .sec-one:after {height: 50px;}
    .navbar-default .navbar-header .navbar-toggle { background-color: #bd2050; border-color: #bd2050;}
    .navbar-header .navbar-toggle .icon-bar { background-color: #fff;}
    .read-more {float: none;}
    .photo_head {width: 160px; height: 95px;  font-size: 18px;  padding: 50px 6px 0 0;}
    .flex-slider-lft .flex-viewport { width: 350px;  height: 230px;  float: left; margin-right: 0; margin-bottom: 0px;}
    .flex-slider-lft .flex-control-nav {  width: 360px;  float: left;  clear: left;}
    .flex-slider-lft .flex-control-nav { width: 360px; float: left; clear: left;}
    .view-all a {float: none; display: inline-block; font-size: 14px;}
    .view-all { width: 360px; float: left;  margin: 0 0 0 0; text-align: center;}
    .photo-gallery {margin-bottom: 20px; height: auto; background-position: bottom;}
    .flex-slider-lft {width: 100%; float: left;}
    .bdy_head { width: 170px;  height: 95px;  font-size: 18px; text-transform: uppercase; padding: 52px 0px 0 0;}
    .top_head { width: 170px;  height: 95px;  font-size: 18px; text-transform: uppercase; padding: 52px 0px 0 0;}
    #myModal .modal-dialog {width: 90%;}
    .bunch-buloon {width: 90px;}
    .bloon-lft img { max-width: 140px;}
    .bloon-rht img { max-width: 140px;}
    .banner-sec img {height: auto!important;}
    .container_one { position: relative;}
    .mobile-sec-lft figure {max-width: 330px; float: none; margin: 0 auto; margin-bottom: 20px;}
    .mobile-menu-btn { display: block;}
    .mobile-menu-btn a { float: left; height: 40px; width: auto; text-transform: capitalize; position: relative; cursor: pointer; font-size: 18px; line-height: 40px; padding: 0; color: #fff;}
    .mobile-menu-btn a img {    max-width: 25px;}
    .sidenav.toggle-full { width: 100%;    z-index: 9999; display: block;}
    .second-nav .second li {    padding: 10px 10px 10px 0; font-size: 20px;}
    .second-nav .second li a {font-size: 18px;}
    .second-nav {padding-left: 20px; margin-top: 0;}
    .slide-full .mobile-nav-child li {    padding: 10px 10px 10px 0; font-size: 20px; margin: 0;}
    .slide-full .mobile-nav-child li a  {font-size: 18px; margin: 0;}
    .sidenav .mobile-nav li { float: left;  list-style: none;    margin-left: 10px;  width: 100%;  margin-bottom: 10px;}
    .mobile-nav li a {width: 100%;}
    .sidenav .closebtn {top: 0; font-size: 30px;}
    .sidenav .closebtn span {font-size: 16px;}
    .slide-full .mobile-nav-child {margin-top: 0px; padding-left: 20px;}
    .mobile-nav-child li:first-child a, .mobile-sub-child li:first-child a {font-size: 17px;}
    .sidenav {display: none;}
    .third_menu .mobile-sub-child {margin-left: 0; margin-top: 0;}
    .marque-sec {height: 30px;}
    .alert-se {    width: 70px; line-height: 30px;}
    .alert-se p {    font-size: 12px;}
    .marque-middle {line-height: 30px;}
    .close-btn { width: 70px; line-height: 30px;}
    .close-btn h3 {line-height: 30px; font-size: 12px;}
    .intro .close-btn {margin-right: -70px;}
    .intro .alert-se {margin-left: -70px;}
    .container_one {  padding-top: 0;}
    .balloon > div { width: 40px; height: 60px;}
    .balloon > div:before {    bottom: -10px;  left: 15px;}
    .balloon span {  top: 10px; left: 50%; margin-left: -7px; font-size: 18px;}
    .balloon > div:nth-child(2) {left: 40px;}
    .balloon > div:nth-child(3) {left: 90px;}
    .balloon > div:nth-child(4) {left: 130px;}
    .balloon > div:nth-child(5) {left: 180px;}
    .balloon > div:nth-child(6) {left: 220px;}
    .birth-lft {padding-left: 15px; padding-right: 15px; padding-top: 0px;  padding-bottom: 0;}
    .birth-rht { padding: 50px 0 0 0;}
    .birtday-topper .bdy_full { width: 100%; float: none; margin: 0 auto;}
    .birtday-topper .btd-slider { width: 140px;  float: none;  margin: 0 auto; clear: none;}
    .toggle-full .mobile-nav {width: 100%;}
    .discover-more-button img { width: 15px; left: 5px;}
    .birth-lft { width: 100%; float: left; margin: 0; max-width: 100%;}
    .birth-rht { width: 100%; float: none;  padding: 0px 0; margin: 0 auto;}
    .top_full {padding-top: 50px;}
    .bdy_full {padding-top: 60px;}
        .our-client .owl-nav button span, .our-client .owl-nav button span { font-size: 30px; line-height: 27px;
    height: 30px; color: #fff;}
    .our-client .owl-nav .owl-prev, .our-client .owl-nav button.owl-next,
    .topper-lft .carousel a.carousel-control-prev, .topper-lft .carousel a.carousel-control-next,
    .topper-rht .carousel a.carousel-control-prev, .topper-rht .carousel a.carousel-control-next,
    .btd-slider .carousel a.carousel-control-prev, .btd-slider .carousel a.carousel-control-next
     { height: 30px;  width: 30px; line-height: 30px;}
    .birth-lft .btd-slider .balloon.btd-bloons { top: 20px; width: 270px; left: 50%; margin-left: -135px;}
.topper-lft .carousel a.carousel-control-next {    right: -40px;}
.topper-lft .carousel a.carousel-control-prev {left: -40px;}
.birtday-topper .container { padding: 0 50px;}
.topper-rht .carousel a.carousel-control-prev {left: -40px;}
.topper-rht .carousel a.carousel-control-next {right: -40px;} 
.principal-sec h2 { font-size: 23px;  margin: 40px 0px 90px 0px;}
.logo img {height: 80px;}
.principal-content h3 {font-size: 15px;}
.principal-content h4 {font-size: 15px; margin: 11px 0;}
.principal-content p {font-size: 13px;}
.view-all-msg {    margin-top: 20px; line-height: 40px; width: 140px;}
.view-all-msg a {font-size: 15px;}

    .title-box {font-size: 14px;}
    .thumbnail:hover .gallery-content {padding: 10px;}
    .gallery-content p {font-size: 11px;}
    .gallery-content b {font-size: 12px;}
    .gallery-rht { padding-left: 15px; padding-right: 15px;}
    .gallery-fixed-head h3 {font-size: 15px;}
    .album-list .custom-control-label {font-size: 14px;}
    .sidenav-pages p span {font-size: 14px;}
    .gallery-lft {width: 100%;}
    .gallery-rht { height: auto; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; width: 100%; position: static;}
    .fixed-sidebar-search {max-width: 280px; margin-bottom: 0;}
    .sidenav-pages .form-group select.custom-select {max-width: 280px; margin-bottom: 0!important;}
    .gallery-title h2 {font-size: 19px;}
    .gallery-main-sec {margin-bottom: 50px;}
    header nav.navbar .navbar-collapse {padding-top: 20px;}
    header .navbar-nav li > a {font-size: 12px;}
    .marque-middle {padding: 0;}
    .principal-desk:before {width: 100%; left: 0%;}
    .principal-content {margin-left: 20px;}

    .gallery-lft .rows-sec .thumb {width: 100%; margin: 0 0 20px 0;}

    #image-gallery .modal-header .modal-title { font-size: 20px;}
    #image-gallery .modal-header { padding: 10px 15px;}
    #image-gallery .modal-footer button[type="button"] { padding: 3px 8px; font-size: 14px;}

}


@media screen and (max-width: 480px) {
    .flex-slider-lft .flex-viewport {width: 100%;}
    .flex-slider-lft .flex-control-nav {width: 100%;}
    .bloon-lft img { max-width: 90px;}
    .bloon-rht img { max-width: 90px;}
    .btd-slider .carousel-control span {line-height: 28px;}
    .topper-lft {  width: 140px;  float: none; margin: 0 auto;}
    .topper-rht {  width: 140px;  float: none; margin: 0 auto; margin-top: 80px;} 
    .bunch-buloon {    width: 80px;  position: absolute;  left: 50%; top: 50%; margin-left: -40px;}
    .bunch-buloon img {max-width: 70px;}
    .view-all {width: 100%;}
    .mobile-sec-lft figure {max-width: 220px;}
    .mobile-rht-sec img { max-width: 90%; margin-bottom: 10px;}
}