/*==================================================
=               Resposive Styles                   =
==================================================*/
@media only screen and (max-width: 1366px) {
    #question input[type="text"], #question input[type="email"], #question select {
        width: 32.273%;
    }
    #home .home-part .carousel-caption h3 {
        font-size: 120px;
    }

    #home .home-part .carousel-caption h4 {
        margin-bottom: 20px;
    }

        #home .home-part .carousel-caption h4 span {
            font-size: 30px;
            line-height: 42px;
        }

    #home .home-part .carousel-caption p {
        font-size: 23px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 1024px) {
    #question input[type="text"], #question input[type="email"], #question select {
    width: 32.13%;
  
}
    .error-notFind img {
        width: 23% !important;
    }
    #footer #footerContent .logo img {
    height: 85px;
    margin: 70px auto;
}
    #footer #footerContent ul.socialbtn li {
    margin-right: 3px;
}
    .socialbtn li {
   border-radius: 4px;
   
}
    .socialbtn li a, #footer #footerContent .socialbtn li a {
    font-size: 18px;
}

    #question .home-part::after {
    background-image: url("../../Images/KaraAfzarIdeal-Information-Request-470x533.jpg");
  
}
    .about .nav > li > a {
   padding: 10px 4px;
   font-size: 9px;
}
    .page-template-page-blog-php header#common {
        margin-top: 0;
    }

    #inner-body .inner-content .hd-part-two, #inner-body .feed-item .hd-part-two {
        max-width: 440px;
    }

    .fixed-nav {
        display: none;
    }

    #happyness,
    #question,
    header#common {
        background-attachment: inherit;
    }

    #mobilenav .fixed-nav {
        display: block;
    }

    #mobile-nav-trigger {
        display: block;
    }

    .skills .skill {
        width: 33.33%;
    }

    .promobox {
        width: 100%;
        margin-bottom: 30px;
    }

        .promobox img {
            width: 100%;
        }

    #experience .company {
        width: auto;
        margin-right: 6%;
    }

    #experience .col-md-8 {
        display: inline-block;
    }

    #experience .row {
        margin-top: 30px;
    }

    #service .row {
        margin-top: 30px;
    }

    #portfolio .filter {
        margin-right: 30px;
        border: 0;
    }

    #portfolio .mixitup_nav {
        overflow: hidden;
    }

    #portfolio .filter:last-child {
        border: 0;
    }

    #Grid .mix {
        width: 48%;
    }

    #quote .col-md-9 {
        margin-bottom: 30px;
    }

    #blog .thumb {
        max-width: 100%;
    }

    #subscribe h3 {
        width: 100%;
        margin-bottom: 30px;
    }

    #subscribe input[type="text"],
    #subscribe input[type="email"] {
        width: 35%;
    }

    #subscribe input[type="submit"] {
        width: 26%;
    }

    #footer #footer-nav {
        margin-bottom: 45px;
        width: 100%;
        text-align: center;
    }

    #footer .socialbtn {
        width: 100%;
        text-align: center;
    }

    .socialbtn li {
        display: inline;
        float: none;
        line-height: 55px;
    }

        .socialbtn li a {
            font-size: 30px;
        }

    .blogfeed #navigation,
    .single-template #navigation {
        display: none;
    }

    #home .home-part .carousel-caption h3 {
        font-size: 85px;
    }

    #home .home-part .carousel-caption h4 span {
        font-size: 23px;
        line-height: 34px;
    }

    #home .home-part .carousel-caption p {
        font-size: 18px;
    }
}

@media only screen and (max-width: 992px) {
    .about .button-transparent {
        display: block !important;  
    }

    #inner-body .inner-content .hd-part-two, #inner-body .feed-item .hd-part-two {
        max-width: 540px;
    }

    #blog .blog-item {
        margin-bottom: 45px;
    }

    #blog .blog-item-inner {
        overflow: hidden;
    }

    #blog .tag {
        float: left;
        width: 100%;
    }

    #blog p {
        width: 100%;
        float: left;
        margin-top: 0;
    }

    #experience .col-md-8 {
        margin-top: 30px;
    }

    #happyness .col-md-3 {
        width: 35%;
        margin: 30px 0;
        margin-left: 15%;
        float: left;
    }

    #happyness .icon {
        width: 30%;
    }

    #clients .right {
        margin-top: 30px;
    }

    #clients .c-logo {
        width: 170px;
    }

    #clients img {
        height: auto !important;
    }

    #clients .left,
    #clients .right {
        max-width: 980px;
        float: left;
    }

    .skills .skill {
        width: 50%;
    }

    #quote h3 {
        text-align: center;
    }

    #experience .company {
        margin-right: 3%;
    }

    #portfolio .mix-nav {
        width: 30%;
    }

    #portfolio .mix-gallery {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
       #question input[type="text"], #question input[type="email"], #question select {
    width: 31.721%;
  
}
    .error-notFind img {
    width: 31% !important;
}
    .about .nav > li > a {
    padding: 10px 10px;
    font-size: 12px;
}
    .about .tab-content {
    padding: 15px 0px;
    border: 1px solid #e9e9e9;
    border-top: none;
}
    .about .button-transparent {
    display: block !important;
    margin: 10px 15px 0 15px;
}
    #question .home-part::after {
        display: none;
}
    #question .home-part {
     width: 100%;
  
}
    #question .contact-form-wrapper {
    max-width: 100%;

}

}

@media only screen and (max-width: 640px) {
       #question input[type="text"], #question input[type="email"], #question select {
    width: 100%;
  
}
    .error-notFind img {
    width: 38% !important;
}
    #inner-body .inner-content .hd-part-two, #inner-body .feed-item .hd-part-two {
        max-width: 440px;
    }

    #mobilenav .nav {
        overflow-y: scroll;
    }
    header#common h1 {
   font-size: 20px;
   
}
    header#common p {
    font-size: 13px;
    
}
    #respond h3 {
    font-size: 13px;
    line-height: 20px;
}
    header#common .titleinfo {
    max-height: 100%;
   
}
    /*.promo {
        display: none;
    }*/
    .about .nav > li > a {
    padding: 10px 10px;
    font-size: 11px;
}
    #contactusForm {
         display: none;
    }
    #Grid .mix {
        width: 48%;
    }

    #question .contact-form-wrapper {
        padding: 0 20px;
    }

    #footer-nav {
        text-align: center;
    }

        #footer-nav li {
            float: none;
            width: 100%;
            margin-bottom: 15px;
        }

    #inner-body .blog-item footer .three-part {
        width: 100%;
        float: left;
    }

    #inner-body .blog-item .thumb {
        margin-bottom: 30px;
    }

    #inner-body .blog-item footer {
        margin-top: 10px;
    }

    .about {
        padding-top: 0;
    }

    #home .slider-part {
        width: 100%;
    }

    #home h3 {
        font-size: 60px;
    }

    #home h4 {
        margin-bottom: 6px;
    }

        #home h4 span {
            font-size: 18px;
            line-height: 28px;
        }

    #home p {
        font-size: 18px;
    }

    #home .slider-part-half:nth-child(2) {
        display: none;
        width: 100%;
    }

    #footer #footer-nav li:after {
        content: none;
    }
}

@media only screen and (max-width: 480px) {
    .marquee a {
    color: #fff;
    font-size: 12px;
}
    .error-notFind img {
    width: 48% !important;
}
    .about .nav > li > a {
    padding: 10px 4px;
    font-size: 9px;
}
    .row {
        overflow: auto;
    }

    #mobilenav .logo img {
        height: 58px;
        margin-left: 21px;
    }

    #mobilenav .logo a {
        font-size: 18px;
    }

    #mobilenav .logo .scroll div {
        margin-left: 24px;
        width: auto;
    }

    #inner-body .blogfeed .hd-part-one,
    .single-template .hd-part-one {
        width: 100%;
    }

    #inner-body .blogfeed .hd-part-two,
    .single-template .hd-part-two {
        width: 100%;
        float: left;
        text-align: left !important;
        margin-top: 10px;
    }

    #inner-body .inner-content .hd-part-one .date,
    #inner-body .feed-item .hd-part-one .date {
        width: 144px;
        border-right: 0 !important;
        padding-bottom: 10px;
    }

    #inner-body .inner-content .hd-part-one .month,
    #inner-body .feed-item .hd-part-one .month,
    #inner-body .inner-content .hd-part-one .year,
    #inner-body .feed-item .hd-part-one .year {
        width: 50%;
        float: left;
        text-align: left;
        font-size: 14px !important;
        margin-top: 3px !important;
    }

    #inner-body .feed-item footer .three-part,
    #inner-body .inner-content footer .three-part {
        width: 100%;
    }

    #inner-body .feed-item footer .user img,
    #inner-body .inner-content footer .user img {
        height: 36px;
    }

    #inner-body .feed-item footer .comments,
    #inner-body .inner-content footer .comments {
        background-position: 0px -294px;
    }

    #inner-body .feed-item footer .shares,
    #inner-body .inner-content footer .shares {
        background-position: 0px -352px;
    }

    .two-part-section h3 {
        font-size: 34px;
    }

    .skills .chart {
        width: 13%;
    }

    #clients h3 {
        font-size: 25px;
    }

    #clients .c-logo {
        width: 140px;
    }

    .section-heading-wrapper h3 {
        font-size: 24px;
    }

    #service .service-logo {
        width: 30%;
    }

    #service .service-details {
        width: 66%;
    }

    #portfolio .mix-nav {
        width: 44%;
    }

  #quote h3 {
    
    line-height: 28px;
}

    #Grid .mix {
        width: 100%;
    }

    #happyness .col-md-3 {
        width: 100%;
    }

    .mfp-image-holder button.mfp-close,
    .mfp-iframe-holder button.mfp-close {
        background: url('../../Images/Icon/sprite.png') no-repeat scroll -12px -381px transparent;
        padding: 30px 24px;
        right: auto;
    }

    #subscribe input[type="text"],
    #subscribe input[type="email"] {
        width: 100%;
        margin-bottom: 30px;
    }

    #subscribe input[type="submit"] {
        width: 100%;
    }

    #question input[type="text"],
    #question input[type="email"] {
        width: 100%;
        float: left;
    }
    #question h3 {
    margin-bottom: 3px;
    line-height: 28px;
}
    /*#question input[type="text"] {
        margin-bottom: 20px;
    }*/

    #inner-body .blog-item h2 a {
        font-size: 30px;
    }

   form input[type="text"], form input[type="email"], form input[type="url"], form textarea.form-control,select,#question select {
    width: 100%;
}

    .skills .skill {
        width: 100%;
    }

    .socialbtn li a {
        font-size: 17px;
    }

    #footer #footer-nav {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 360px) {
    .about .nav > li > a {
    padding: 10px 6px;
    font-size: 12px;
}
    #home .home-part .carousel-caption h3 {
        font-size: 62px;
    }

    #home .home-part .carousel-caption h4 span {
        font-size: 18px;
    }

    .skills .chart {
        width: 17%;
    }

    #experience .company {
        margin-right: 6%;
    }

    #clients .two-part-section h3 {
        font-size: 24px;
        left: 6px;
        position: relative;
    }
}

@media only screen and (max-width: 320px) {
    #Grid .mix {
        width: 96%;
        margin: 2%;
    }
}

@media only screen and (min-height: 1024px) {
    .slider-part {
        height: 500px !important;
    }
}