@media screen and (min-width: 992px) and (max-width:1199px){

    /*---------- START ABOUT US SECTION----------*/
    #about-us .image .first-tooltip {
        left: 9%;
        bottom: 22%
    }
    #about-us .image .second-tooltip {
        left: 54%;
    }
    #about-us .image .third-tooltip {
        right: 9%;
    }

    /*---------- START GET IN TOUCH SECTION----------*/
    #get-in-touch .media p {
        font-size: 13px;
    }
    #get-in-touch .media .media-left {
        padding-right: 12px;
    }

    /*---------- START BLOG PAGE ----------*/
    .blog-content .left-side .tags ul li {
        padding: 7px;
    }
}

@media screen and (max-width: 1199px){

    /*---------- GLOBAL STYLES----------*/
    body{
        font-size: 15px;
    }
    .subtitle {
        font-size: 21px;
    }
    blockquote {
        font-size: 15px;
    }
    h1 {
        font-size: 40px;
    }

    /*---------- START SUMMARY PAGE----------*/
    .version-summary h3{
        font-size: 18px;
    }

    /*---------- START HOME SECTION----------*/
    #home .wrapper-group h1,
    #homeCarousel .carousel-caption h1 {
        font-size: 50px;
    }
    #home .wrapper-group h3, 
    #homeCarousel .carousel-caption h3 {
        font-size: 20px;
    }
    #homeCarousel .carousel-caption .translateY {
        width: 100%;
        text-align: center;
    }
    #homeCarousel .carousel-caption h3 {
        margin: 13px 0 27px 0;
    }

    /*---------- START ABOUT US SECTION----------*/
    #about-us .content .title {
        font-size: 17px;
    }
    #about-us .subscribe .btn {
        margin-top: 29px;
    }

    /*---------- START SERVICES SECTION----------*/
    .service-content p {
        width: 100%;
    }

    /*---------- START SKILLS SECTION----------*/
    #skills figure {
        margin-top: 40px;
    }

    /*---------- START TEAM SECTION----------*/
    #team h1 {
        margin-top: 20px;
    }

    /*---------- START BLOG SECTION----------*/
    #blog .thumbnail {
        margin-right: 20px;
    }
    #blog .owl-buttons {
        padding-left: 0px;
    }

    /*---------- START CLIENTS SECTION----------*/
    #clients h1{
        margin-top: 20px;
    }
}

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

    /*---------- START SKILLS SECTION----------*/
    #skills figure{
        overflow: hidden;
    }
}

@media screen and (min-width: 768px) and (max-width:991px){

    /*---------- START MENU HEADER ----------*/
    .navbar .navbar-nav > li > a {
        padding: 25px 10px;
        font-size: 14px;
    }

    /*---------- START BLOG PAGE ----------*/
    .blog-content .thumbnail .control-col {
        width: 100%;
    }
    .blog-content .thumbnail .pull-right{
        float: none !important;
    }
    .blog-content .thumbnail .caption .pull-right {
        margin-top: 0px;
    }
    .blog-content .left-side .tags ul li {
        padding: 4px;
    }

    /*---------- START BLOG POST PAGE ----------*/
    .blog-post .author .media-body{
        padding-top: 0;
    }
}

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

    /*---------- GLOBAL STYLES----------*/
    .description {
        font-size: 15px;
        max-width: 490px;
    }
    blockquote {
        margin: 0 0 70px 0 !important;
    }
    .padding-section {
        padding: 90px 0;
    }

    /*---------- START MENU HEADER ----------*/
    .navbar-brand > img {
        max-width: 120px;
        margin-top: 5px;
    }

    /*---------- START HOME SECTION ----------*/
    #home .wrapper-group h3,
    #homeCarousel .carousel-caption h3{
        font-size: 19px;
    }

    /*---------- START ABOUT US SECTION----------*/
    #about-us .image .first-tooltip {
        left: 10%;
        bottom: 34%;
    }
    #about-us .image .second-tooltip {
        top: 26%;
    }
    #about-us .image .third-tooltip {
        right: 9%;
        top: 43%;
    }

    /*---------- START SKILLS SECTION----------*/
    #skills .wrapper-progress{
        margin-top: 40px;
    }
    #skills .wrapper-progress p {
        font-size: 15px;
        font-weight: 400;
    }

    /*---------- START SERVICES SECTION----------*/
    #services .service .fa{
        top: -53px;
        font-size: 35px;
        padding: 15px;
        margin-bottom: 0;
    }
    #services .service h4 {
        top: -10px;
    }
    #services .service .description {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    /*---------- START STATISTICS SECTION----------*/
    #statistics-section p.stats-number {
        font-size: 44px;
    }
    #statistics-section p.stats-text {
        font-size: 15px;
    }
    #statistics-section .fa {
        font-size: 46px;
    }

    /*---------- START PORTFOLIO SECTION----------*/
    .wagwep-container ul#portfolio-filter li {
        padding: 15px 0 5px 0;
    }

    /*---------- START TEAM SECTION----------*/
    #team .thumbnail {
        max-width: 300px;
        display: block;
        margin: auto;
    }

    /*---------- START PRICING SECTION----------*/
    #pricing .last-box-price{
        max-width: 345px;
        display: block;
        margin: 30px auto 0 auto;
    }

    #clients h1{
        font-size: 30px;
    }

    /*---------- START BLOG SECTION----------*/
    #blog h3{
        font-size: 20px;
    }
    #blog .owl-item{
        width: 100%;
    }

    #map {
        height: 305px;
        margin-top: 50px;
    }

    /*---------- START FOOTER SECTION----------*/
    .footer p {
        font-size: 13px;
        line-height: 42px;
    }

    /*---------- START BLOG POST PAGE ----------*/
    .blog-post .quote p {
        font-size: 16px;
        max-width: 95%;
    }
    .blog-post .quote:after {
        display: none;
    }
    .blog-post blockquote {
        margin: 40px 0 30px 0 !important;
    } 
}

@media screen and (max-width: 767px){
    /*---------- GLOBAL STYLES----------*/
    h1 {
        font-size: 29px;
    }
    .subtitle {
        font-size: 16px;
        line-height: 25px;
    }
    .btn{
        padding: 10px 25px 10px 25px;
    }
    .padding-section {
        padding: 80px 0;
    }
    .title-as-background {
        top: 42px;
        width: 100%;
        font-size: 15px;
    }

    /*---------- START SUMMARY PAGE ----------*/
    .version-summary h3{
        margin-top: 10px;
        margin-bottom: 40px;
    }
    .version-summary .logo img{
        margin-bottom: 50px;
    }

    /*---------- START MENU HEADER----------*/
    .navbar .nav.pull-right{
        float: none !important;
        width: 100%;
    }
    .navbar .navbar-nav > li > a {
        padding: 12px 0;
        display: inline-block;
        width: 100%;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        height: auto;
        background-color: #fff;
    }
    .navbar .navbar-toggle{
        padding: 10px;
        margin-top: 11px;
    }

    .navbar .navbar-toggle .fa{
        font-size: 26px;
    }

    /*---------- START HOME SECTION----------*/
    #home .wrapper-group h3,
    #homeCarousel .carousel-caption h3 {
        font-size: 16px;
        max-width: 250px;
        line-height: 25px;
        margin: 20px 0;
    } 
    #homeCarousel .carousel-caption h3 {
        max-width: 100%;
        margin: 6px 0 12px 0;
    }

    #home .view-more-about-us .fa-angle-down {
        bottom: 14px;
        width: 37px;
        height: 37px;
    }

    /*---------- START ABOUT US SECTION----------*/
    #about-us {
        padding-top: 70px;
    }
    #about-us .content {
        margin-top: 34px;
    }
    #about-us .content p {
        max-width: 100%;
    }
    #about-us .image .first-tooltip {
        bottom: 33%;
    }
    #about-us .image .second-tooltip {
        top: 26%;
        left: 52%;
    }
    #about-us .image .third-tooltip {
        right: 8%;
        top: 42%
    }

    /*---------- START VIDEO SECTION----------*/
    .video .btn .fa {
        font-size: 20px;
    }
    .video h1{
        font-size: 24px;
    }

    /*---------- START SKILLA SECTION----------*/
    #skills .description{
        margin: 20px auto 55px auto;
    }
    #skills figure {
        margin-top:0; 
    }

    /*---------- START SERVICES SECTION----------*/
    #services .col-md-4 {
        padding: 0 15px; 
    }
    #services .service {
        max-width: 350px;
        display: block;
        margin:47px auto 0 auto;
    }
    .service-content p {
        max-width: 478px;
    }
    #services .service-content .fa {
        font-size: 50px;
    }
    #services .service-content {
        padding-top: 25px;
        margin-bottom: 25px;
    }
    #services .border-top-bottom-mobile {
        border-top:none; 
        border-bottom: none; 
    }

    /*---------- START STATISTICS SECTION----------*/
    #statistics-section {
        padding: 75px 0;
    }
    #statistics-section .container-counter {
        margin-top: 30px
    }
    #statistics-section .awards{
        margin-left: -26px;
    }

    /*---------- START PORTFOLIO SECTION----------*/
    #portfolio .wagwep-container ul#portfolio-filter li.current a {
        border-bottom: none; 
    }
    #portfolio .elastislide-wrapper {
        margin: 12px auto 0 auto;
        height: 82px;
    }
    .wagwep-container ul#portfolio-filter li {
        padding: 0px;
    }
    .wagwep-container ul#portfolio-filter li:first-child {
        margin-top: 30px;
    }
    .og-close {
        right: 30px;
    }
    .og-expander-inner{
        text-align: center;
    }
    .og-expander h3 {
        margin-bottom: 15px;
    }
    .og-fullimg {
        float: none;
        max-width: 292px;
        display: block;
        margin: auto;
    }
    .og-details p{
        margin-bottom: 0;
        padding-bottom: 0;
    }

    /*---------- START PRICING SECTION----------*/
    #pricing .box {
        max-width: 345px;
        display:block; 
        margin: 0 auto 30px auto;
    }
    #pricing .table-header h5 span {
        font-size: 36px;
    }

    /*---------- START BLOG SECTION----------*/
    #blog .subtitle {
        margin-top: 36px;
    }
    #blog .thumbnail {
        margin-right: 0;
        display: block;
        margin: 0px auto 25px auto;
        float: none;
        padding: 5px;
    }
    #blog .thumbnail .caption {
        font-size: 14px; 
    }
    #blog .thumbnail .wrapper-image a {
        bottom: -1px;
    }
    #blog .text {
        margin: 19px 0 37px 0;
    }
    #blog .owl-controls{
        text-align: center;
    }

    /*---------- START CLIENTS SECTION----------*/
    #clients .quote {
        max-width: 93%;
    }
    #clients blockquote{
        margin: 0 0 70px 6px !important;
    }

    /*---------- START CONTACT SECTION----------*/
    #contact form textarea, #contact form input {
        margin-bottom: 15px;
    }
    #contact .required {
        font-size: 10px;
        bottom: 36px;
    }

    /*---------- START GET IN TOUCH SECTION----------*/
    #get-in-touch .media {
        margin-top: 20px;
    }
    /*---------- START BUTTON SCROLL TOP----------*/
    #scroll-to-top {
        bottom: 0px;
        right: 15px;
        font-size: 36px;
    }
    /*---------- START FOOTER SECTION----------*/
    .footer p {
        font-size: 14px;
        max-width: 226px;
        line-height: 30px;
        display: block;
        text-align: center;
        margin: 0 auto 25px auto;
    }
    .footer .pull-right{
        float: none !important;
        text-align: center;
    }

    /*------------ START BLOG PAGE------------*/
    .blog-content {
        padding: 120px 0 34px 0;
    }
    .topblog-image .wrapper-intro {
        max-width: 400px;
        float: none;
        display: block;
        margin: auto;
    }
    .blog-content .left-side{
        padding-top: 30px;
    }
    .blog-content .left-side .featured-news li {
        width: 100%;
        float: left;
    }
    .blog-content .left-side .tags h3 {
        margin-top: 0;
    }
    .blog-content .left-side ul {
        margin-bottom: 43px;
    }
    .blog-content .left-side .featured-news li {
        margin-bottom: 18px;
    }

    /*------------ START BLOG POST PAGE------------*/
    .blog-post .comments .media {
        padding: 30px 15px 15px 15px;
    }
    .blog-post .post-comment {
        padding: 30px 15px;
    }
    .blog-post .comments .media .media-left {
        padding-right: 10px;
    }
    .blog-post .media-list .media .fa {
        margin-right: 0px;
    }
    .blog-content .thumbnail .caption {
        padding: 20px 15px 30px 15px;
    }
    .blog-post .go-back-home {
        margin-top: 0px;
    }


}

@media screen and (min-width: 560px) and (max-width: 767px){

    /*---------- START HOME SECTION----------*/
    #home .wrapper-group h1,
    #homeCarousel .carousel-caption h1 {
        font-size: 32px;
        line-height: 42px;
    }
    #home .wrapper-group h3,
    #homeCarousel .carousel-caption h3 {
        font-size: 16px;
        max-width: 400px;
    }
    #homeCarousel .carousel-caption h3 {
        font-size: 16px;
        max-width: 100%;
    }
}

@media screen and (max-width:640px) {
    #home,.video,
    #statistics-section,#clients {
        background-attachment:initial;
    }
    #about-us .image .tool{
        display: none;
    }
    #about-us .image {
        margin-top: 0; 
    }
}

@media screen and (max-width: 600px){

    /*---------- START PORTFOLIO SECTION----------*/
    #portfolio .wagwep-container ul#portfolio-filter li {
        display: block;
        max-width: 250px;
        margin: auto;
    }
    #portfolio .wagwep-container ul#portfolio-filter li a{
        text-align: center;
        padding-left: 0;
        padding-right: 20px;
    }
    #portfolio .og-close{
        display: none;
    }
}

@media screen and (max-width: 583px){

    /*---------- START PORTFOLIO SECTION----------*/
    #portfolio .og-grid li {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 560px){

    /*---------- START HOME SECTION----------*/
    #home .wrapper-group h1,
    #homeCarousel .carousel-caption h1 {
        font-size: 25px;
        line-height: 34px;
    }
    #homeCarousel .carousel-control {
        display: none;
    }

    /*------------ START BLOG PAGE------------*/
    .blog-content .thumbnail .control-col {
        width: 100%;
    }
    .blog-content .thumbnail .pull-right{
        float: none !important;
    }
    .blog-content .thumbnail .caption .pull-right {
        margin-top: 0px;
    }
    .topblog-image .wrapper-intro {
        max-width: 300px;
    }
    .pagination-lg>li>a, .pagination-lg>li>span {
        padding: 8px 14px;
    }

    /*------------  START BLOG POST PAGE  ------------*/
    .blog-post .author{
        text-align: center;
    }
    .blog-post .author .image-author {
        padding-right: 0;
        float: none; 
    }
    .blog-post .author img {
        display: block;
        margin: auto;
    }
    .blog-post .author {
        margin: 40px 0 10px 0;
    }
    .blog-post .author p {
        max-width: 100%;
    }
}