@media (max-width:1280px) {
    .container-fluid .container .swiper-container .col-xs-8 {
        margin-top: 70px;
        margin-left: -56px;
    }

    .carousel-caption {
        bottom: 25% !important;
        background-color: rgba(0, 0, 0, 0.65);
        left: 15% !important;
        right: 40% !important;
        border-left: 5px solid #0098ff;
    }

    .carousel-caption p {
        margin-bottom: -15px !important;
    }

    .container-fluid .container .nav>li {
        margin: 0px 30px;
    }

    .nav-tabs {
        margin-bottom: 80px;
    }

    .container .tab-content .col-md-4 .col-md-12 {
        padding: 0 0 0 10px;
    }

    .container .tab-content .col-md-6 .btn {
        margin: 5px 10px;
    }

    .gallerys .overlay .ln {
        position: relative;
        margin-bottom: 40px;
    }

    .gallerys .hrt {
        font-size: 24px;
        margin-top: -50px;
    }

    .blogs .rightside .comment {
        margin: 0 !important;
        padding: 0 20px;
    }

    .comment .comment-reply-link {
        bottom: 10px;
        color: rgb(0, 152, 255);
        float: right;
        font-size: 16px;
        position: absolute;
        right: -10px;
    }

    .rightside .post-area {
        margin: 0px;
        margin-bottom: 60px;
        padding: 0 10px;
    }
}

@media (max-width:992px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -8px;
        height: 40px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        margin-right: -8px;
        height: 40px;
    }

    .container-fluid .container .swiper-container .col-xs-8 {
        margin-top: 50px;
        margin-left: -56px;
    }

    .container-fluid .container .swiper-container .col-xs-8 blockquote {
        padding: 5px 30px;
        font-size: 16px;
    }

    .container-fluid .jumbotron .col-md-6 .col-md-7 .img-thumbnail {
        background-color: transparent;
        border: 0px;
        position: relative;
        top: 40px;
    }

    .carousel-caption {
        bottom: 15% !important;
        background-color: rgba(0, 0, 0, 0.65);
        left: 15% !important;
        right: 20% !important;
        border-left: 5px solid #0098ff;
    }

    .carousel-caption h1 {
        padding: 5px;
    }

    .carousel-caption p {
        margin-bottom: -15px !important;
    }

    .container-fluid .container .nav>li {
        margin: 0px 13px;
    }

    .nav-tabs {
        margin-bottom: 80px;
    }

    .jumbotron .owl-pagination {
        margin-top: 350px;
    }

    .jumbotron .owl-carousel .owl-controls {
        top: 25%;
    }

    .owl-theme .owl-controls .owl-buttons div {
        margin: 0px;
        margin-top: -5px;
        padding: 100px 0px;
    }

    .container .tab-content .col-md-4 .col-md-12 {
        padding: 0 0 0 10px;
    }

    .container .tab-content .col-md-6 .btn {
        margin: 5px 10px;
    }

    .gallerys .overlay .ln {
        position: relative;
        margin-bottom: 20px !important;
    }

    .gallerys .hrt {
        margin-top: -30px;
        font-size: 24px;
    }

    .feedback .form-group {
        float: none;
    }
    .rightside .post-area .img-thumbnail{
        height: auto !important;
    }
}

@media (max-width:768px) {
    .nav>li {
        margin: 0px 10px;
    }

    .nav>li>a {
        padding: 10px 3px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: 8px !important;
        height: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        right: 8px !important;
        height: 30px;
    }

    .container-fluid .container .swiper-container .col-xs-8 {
        margin-top: 40px;
        margin-left: -56px;
    }

    .container-fluid .container .swiper-container .col-xs-8 blockquote {
        padding: 5px 30px;
        font-size: 16px;
    }

    .container-fluid .jumbotron .col-md-6 .col-md-7 .img-thumbnail {
        background-color: transparent;
        border: 0px;
        position: relative;
        top: 40px;
    }

    .carousel-caption {
        bottom: 25% !important;
        background-color: rgba(0, 0, 0, 0.65);
        left: 15% !important;
        right: 25% !important;
        border-left: 5px solid #0098ff;
    }

    .carousel-caption .btn {
        position: relative;
        border-radius: 0px;
        bottom: -54px;
        float: left;
        padding: 7px 25px;
        left: -5px;
    }

    .carousel-caption p {
        display: none;
    }

    .nav-tabs {
        margin-bottom: 50px;
    }

    .container-fluid .container .nav>li {
        margin: 0px 40px;
    }

    .cover2 {
        /* background:url('../images/back2.jpg') no-repeat  ; */
        width: 100%;
        height: 75%;
        position: absolute;
        z-index: -99;
        opacity: 1;
        background:
            /* top, transparent red, faked with gradient */
            linear-gradient(rgba(0, 0, 0, 0.70),
                rgba(0, 0, 0, 0.70)),
            /* bottom, image */
            url(../images/back2.jpg) no-repeat fixed;

    }

    .jumbotron .owl-carousel .owl-controls {
        top: 25%;
    }

    .jumbotron .owl-pagination {
        margin-top: 400px;
    }

    .owl-theme .owl-controls .owl-buttons div {
        margin: 0px;
        margin-top: -5px;
        padding: 100px 0px;
    }

    .container .tab-content .col-md-4 .col-md-12 {
        padding: 0 0 0 10px;
    }

    .container .tab-content .col-md-6 .btn {
        margin: 5px 10px;
    }

    .navbar-right .dropdown-menu {
        text-align: left !important;
    }

    .carousel-caption h1 {
        font-size: 24px;
    }

    .text {
        font-size: 18px;
    }

    .text .link {
        font-size: 14px;
        padding: 2px 10px;
        float: right;
    }

    .ln2 {
        border: 1px solid;
        left: 35%;
        margin-top: 40px;
        position: relative;
        width: 220px;
    }

    .ln3 {
        width: 170px;
        left: 39%;
        right: 30%;
        margin-top: -7px;
        position: relative;
        border: 1px solid;
    }

    .gallerys .ln2 {
        border: 1px solid;
        left: 36%;
        margin-top: 40px;
        position: relative;
        width: 220px;
    }

    .gallerys .ln3 {
        width: 170px;
        left: 40%;
        right: 30%;
        margin-top: -7px;
        position: relative;
        border: 1px solid;
    }

    .gallerys .hrt {
        margin-top: -35px;
    }

    .gallerys .overlay .ln {
        position: relative;
        margin-bottom: 40px;
    }

    .rightside {
        padding: 0 !important;
    }

    .rightside .post-area {
        margin-bottom: 30px;
    }

    /* .gallerys .owl-carousel .item .overlay a{
top:30%;
} */
    .news .owl-theme .owl-controls .owl-buttons div {
        display: none;
    }

    .footer-bottom a {
        float: right;
    }

    .feedback .form-group {
        float: none;
    }

    .blogs .rightside .comment {
        margin: 0 !important;
        padding: 0 20px;
    }

}

@media (max-width:767px) {
    .navbar-right .dropdown-menu {
        border-radius: 0;
        left: 0 !important;
        margin-top: 0 !important;
        padding: 0;
        position: relative !important;
        width: 100%;
        text-align: left;
        border: 0px;
        box-shadow: none;
    }

    .navbar-right .dropdown-menu li {
        border-bottom: 1px solid #e6e6e6;
    }

    .dropdown .dropdown-menu::before {
        display: none !important;
    }

    .dropdown .dropdown-menu::after {
        display: none !important;
    }

    .navbar-nav>li {
        border-bottom: 1px solid #4d4b4b;
    }

    .navbar-nav>li>.dropdown-menu {
        margin-top: 0px !important;
        border: 0px;
    }

    .widget-footer #s,
    .sidebar-widget #s {
        width: 85%;
    }

    .navbar-right .fa-plus {
        margin-right: 10px;
    }

    .navbar-right .dropdown-menu .fa-plus {
        margin-top: -10px;
    }

    .gallery-item {
        width: 50% !important;
    }

    #gallery-2 .gallery-item {
        width: 100% !important;
    }
}

@media (max-width:480px) {
    .alignnone {
        height: auto;
        width: 100% !important;
    }

    .alignright {
        float: none !important;
        margin: 0px;
    }

    .feedback .btn {
        width: 60%;
        text-align: left;
        padding: 5px;
    }

    .rightside .post-area .img-thumbnail .overlay .overlay-icon {
        margin: 0;
    }

    .rightside .post-area .img-thumbnail .overlay a {
        font-size: 18px;
    }

    .text .link {
        font-size: 14px;
        padding: 2px 10px;
        float: none;
    }

    .blogs .rightside .comment {
        margin: 0 !important;
        padding: 0 20px;
    }

    .blogs {
        padding: 5px;
    }

    .sidebar {
        padding: 0 10px;
    }

    .comment .col-xs-2 {
        left: -40px;
    }

    .comment .avatar {
        width: 50px;
    }

    .sidebar-widget {
        padding: 1px !important;
        margin: 10px 0px !important;
    }

    .rightside .col-xs-push-1 {
        left: 0px;
    }

    .dropdown .dropdown-menu::before {
        display: none !important;
    }

    .dropdown .dropdown-menu::after {
        display: none !important;
    }

    .navbar-right .dropdown-menu {
        text-align: left !important;
    }

    .carousel-caption {
        display: none;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        height: 30px !important;
        margin-left: -7px !important;
        padding: 5px !important;
        width: 40px !important;
        height: 30px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        background-color: #0098ff;
        height: 30px !important;
        margin-right: -7px !important;
        padding: 5px !important;
        width: 40px !important;
    }

    .jumbotron .fa-heart {
        left: 40%;
        margin-top: -25px;
    }

    .ln2 {
        border: 1px solid;
        left: 22%;
        margin-top: 40px;
        position: relative;
        width: 200px;
    }

    .ln3 {
        width: 150px;
        left: 30%;
        right: 30%;
        margin-top: -7px;
        position: relative;
        border: 1px solid;
    }

    .gallerys .ln2 {
        border: 1px solid;
        left: 26%;
        margin-top: 40px;
        position: relative;
        width: 200px;
    }

    .gallerys .ln3 {
        width: 150px;
        left: 33%;
        right: 30%;
        margin-top: -7px;
        position: relative;
        border: 1px solid;
    }

    .container-fluid .jumbotron .col-md-6 .col-md-7 .img-thumbnail {
        background-color: transparent;
        border: 0px;
        position: relative;
        top: 40px;
    }

    .element-item {
        position: relative;
        float: left;
        width: 240px;
        margin: 10px;
        padding: 5px;
        background: transparent;
        color: #262524;
    }

    .overlay {
        padding: 50px 10px;
        position: absolute;
    }

    .jumbotron .img-thumbnail .overlay .btn {
        margin-top: 2px;
        margin-left: 2px;
    }

    .jumbotron .img-thumbnail .overlay .fa {
        top: 40px;
        font-size: 18px;
        position: relative;
        float: left;
        left: -110px;
        margin: 2px;
        padding: 4px;
        border-radius: 50px;
        border: 1px solid #fff;
    }

    .jumbotron .img-thumbnail .overlay .fa-facebook {
        padding: 4px 8px;
    }

    .container-fluid .container .swiper-container .col-xs-4 {
        margin-left: 15px;
        width: 80%;
    }

    .container-fluid .container .swiper-container .col-xs-8 {
        margin-left: 40px;
        margin-top: -5px;
    }

    .container-fluid .container .swiper-container .col-xs-8 blockquote {
        padding: 15px;
    }

    .nav-tabs {
        margin-bottom: 50px;
    }

    .container-fluid .container .nav>li {
        margin: 15px;
    }

    .cover2 {
        /* background:url('../images/back2.jpg') no-repeat  ; */
        width: 100%;
        height: 80%;
        position: absolute;
        z-index: -99;
        opacity: 1;
        background:
            /* top, transparent red, faked with gradient */
            linear-gradient(rgba(0, 0, 0, 0.70),
                rgba(0, 0, 0, 0.70)),
            /* bottom, image */
            url(../images/department.jpg) no-repeat fixed;
    }

    .container-fluid .container .row .col-md-9,
    .container-fluid .container .row .col-md-3 {
        padding: 5px;
        font-size: 16px;
    }

    .container-fluid .container .form-group .form-control {
        width: 90%;
        margin: 15px 0;
        float: left;
        height: 40px;
        background-color: transparent;
    }

    .container-fluid .container .form-group textarea.form-control {
        width: 100%;
        height: 150px;
    }

    .container-fluid .container form .btn {
        margin-left: 20%;
        padding: 5px 50px;
    }

    .container .item .col-md-10 .col-md-6 a.btn {
        margin: 0px;
    }

    .jumbotron .owl-carousel .owl-controls {
        top: 15%;
    }

    .jumbotron .owl-pagination {
        margin-top: 20px;
    }

    .owl-theme .owl-controls .owl-buttons div {
        margin: 0px;
        margin-top: -10px;
        padding: 115px 0px;
    }

    .container .tab-content .col-md-4 .col-md-12 {
        padding: 0 0 0 10px;
    }

    .container .tab-content .col-md-6 .btn {
        margin: 5px 10px;
    }

    .gallerys .hrt {
        margin-top: -55px;
        font-size: 30px;
    }

    .gallerys .overlay .ln {
        position: relative;
        margin-bottom: 40px !important;
    }

    .footer-bottom a {
        float: none;
    }

    .rightside .post-area .img-thumbnail .overlay {
        padding: 11% 0 !important;
    }

    .carousel-indicators {
        display: none !important;
    }

    .gallery-item {
        width: 100% !important;
    }
}

@media (max-width:320px) {
    .nav-tabs {
        margin-bottom: 30px;
    }

    .container-fluid .container .nav>li {
        margin: 15px;
    }

    .cover2 {
        /* background:url('../images/back2.jpg') no-repeat  ; */
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -99;
        opacity: 1;
        background:
            /* top, transparent red, faked with gradient */
            linear-gradient(rgba(0, 0, 0, 0.70),
                rgba(0, 0, 0, 0.70)),
            /* bottom, image */
            url(../images/department.jpg) no-repeat fixed;
    }

    .nav-tabs .active::after {
        display: none;
    }

    .owl-theme .owl-controls .owl-buttons div {
        margin: 0px;
        margin-top: -3px;
        padding: 95px 0px;
    }