/*
 :: Table of Content
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile

 ================================= * */

/* Desktop Style */

.header-one .mail-to-content, .header-one .call-us-content {
    padding-bottom: 16px;
}
.header-one .call-us .mega, .header-one .mail-to .mega {
    top:-13px;
}
.header-one .primary_header:after {
    right: 0;
    z-index: 1;
}
.header-one .primary_header .container {
    position: relative;
    z-index: 10;
}
.header-one .navbar-default .navbar-collapse {
    background: #eaeff3;
}
.header-one .sign-up_btn {
    position: relative;
}
.header-one .sign-up_btn:before {
    position: absolute;
    content:".";
    text-indent:-999999px;
    left:-40px;
    top:0;
    width:40px;
    background: #eaeff3;
    height:100%;
}
.tparrows {
    display: none!important;
}
.businessplus-page-setting-one.projects-wrap .project-list {
    width:16%;
}
.businessplus-page-setting-one.projects-wrap .list-one {
    width: 33.1%;
}
#footer.footer-one .footer-widget {
    margin-bottom: 0;
}
.service-page-wrap {
    padding-top: 0;
}
.container.service-page-wrap {
    padding-top: 97px;
}
.online-wrap, .time-mgmt {
    padding-top: 39px;
}
.service_two-page {
    padding-top: 0;
}
.service-page.service-page-two .clients-wrap.businessplus-page-setting-one {
    background: #eaeff3;
}
.businessplus_widget_recent_entries li {
    list-style: none;
}
.job_listing.type-job_listing.status-publish.hentry   .blog-sidebar-img-wrapper-1 p strong {
    padding-top: 0;
}
body .testimonial-info i.fa-quote-right {
    left:auto;
    right: 20px;
}
button.sub-search {
    margin-top: 0;
    vertical-align: top;
    height: 47px;
}
#search-faq {
    line-height: 47px;
    min-height: 47px;
}
body .nivo-directionNav a {
    top:50%;
    margin-top:-15px;
}
.canada-wrap span {
    padding-right: 16px;
    word-wrap: break-word;
}
.navbar-nav {
    overflow: inherit;

}
.arrow-mob {
    display: none;
}
.canada-wrap i {
    color: #fff;
    display: block;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 44px;
    text-transform: uppercase;
    font-style: normal;
}

.businessplus-testimonial-layout-two .comment .wpcf7-response-output,
.businessplus-testimonial-layout .comment .wpcf7-response-output,
.businessplus-contact-layout .wpcf7-response-output,
.businessplus-contact-layout-one .wpcf7-response-output {
    display: none !important;
}
.businessplus-testimonial-layout-two .comment .wpcf7-not-valid-tip,
.businessplus-testimonial-layout .comment .wpcf7-not-valid-tip,
.businessplus-contact-layout .wpcf7-not-valid-tip,
.businessplus-contact-layout-one .wpcf7-not-valid-tip {
    display: none !important;
}
.businessplus-testimonial-layout-two .comment .wpcf7-not-valid,
.businessplus-testimonial-layout .comment .wpcf7-not-valid,
.businessplus-contact-layout .wpcf7-not-valid ,
.businessplus-contact-layout-one .wpcf7-not-valid ,
.business-required {
    border-color: #ff0000 !important;
}
#comments ::-webkit-input-placeholder {
    text-transform: uppercase;
}
#comments :-moz-placeholder {
    text-transform: uppercase;
}
#comments ::-moz-placeholder {
    text-transform: uppercase;
}
#comments :-ms-input-placeholder {
    text-transform: uppercase;
}
#search-blog {
    text-transform: none;
}
.triangle-date {
    padding-left: 19px;
}
#searchform input[type="text"] {
    margin-bottom: 4px;
}
body .vc_general.vc_btn3:focus,
body .vc_general.vc_btn3:hover {
    border-bottom: none;
}
.gallery-item .gallery-icon img {
    margin: 0 auto;
}
/*
 1.) Media Query for Handheld Devices
 ================================= * */

@media all and (max-width:1199px)  {
    .businessplus-page-setting-one.projects-wrap .list-one {
        width: 32.6%;
        left: 35px;
        top: -151px;
    }
    .main-project-wrap {
        margin-top: 38px;
    }
    .triangle-date {
        font-size: 10px;
    }
}

@media all and (min-width:1024px) and (max-width:1199px)  {
    .widget_tag_cloud .tagcloud a {
        padding: 0 6px;
        margin-right: 9px;
        min-width: 1px;
    }
}
@media all and (max-width:1309px)  {
    .blog-list-sidebar li .news-recent-content {
        width: 53%;
    }
}
@media all and (min-width:769px) and (max-width:1024px)  {
    .home-slider-second.business_plus_home_three_slider_slide.tp-revslider-slidesli .tp-parallax-wrap {
        top:39px!important;
    }
}
@media all and (max-width:854px)  {
    body .business_plus_home_four_slider_slide .businessplus-slider-calling,
    body .business_plus_home_four_slider_slide .businessplus-slider-mail {
        font-size: 12px!important;
    }
}
@media all and (min-width:768px) and (max-width:1024px)  {
    .triangle-date:after {
        border-width: 25px 13px 24px 8px;
    }
    .triangle-date {
        height: 51px;
        width: 95px;
        font-size: 10px;
    }
}
/*
 2.) Media Query for Tablet
 ================================= * */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tp-tabs, .tp-thumbs, .tp-bullets {
        -moz-transform: matrix(1, 0, 0, 1, -43, -15) !important;
        -ms-transform: matrix(1, 0, 0, 1, -43, -15) !important;
        -webkit-transform: matrix(1, 0, 0, 1, -43, -15) !important;
        transform: matrix(1, 0, 0, 1, -43, -15) !important;
    }
    .header-one .call-us, .header-one .mail-to {
        padding: 13px 6px 9px;
    }
    .tparrows {
        display: block!important;
    }

    .businessplus-page-setting-one.projects-wrap .project-list {
        width:15%;
    }
    .businessplus-page-setting-one.projects-wrap .list-one {
        left: 39px;
        top: -151px;
        width: 31%;
    }
    .main-project-wrap {
        margin-left: 19px;
        margin-top: 58px;
    }
    .header-one .navbar-default .navbar-nav > li > a {
        padding-left: 12px;
        padding-right: 12px;
    }
    .widget_tag_cloud .tagcloud a {
        padding: 0 16px;
        min-width: 1px;
        margin-right: 6px;
    }
    .testimonial-info i.fa-quote-right {
        left:auto;
        right: 20px;
    }
    .testimonial-page .user .testimonial-info {
        top:-15px;
    }
    .header-three .calling {
        width:50%;
    }
    .header-three .logo-three {
        width: 43%;
    }
    .header-three .navbar-default .navbar-nav > li:last-child > .sub-menu {
        left:auto;
        right:0;
    }
    .homepage3 .header-three .navbar-default .navbar-nav > li > a {
        padding: 32px 6px 36px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
    .widget_tag_cloud .tagcloud a {
        padding: 0 15px;
        min-width: 1px;
        margin-right: 6px;
    }
    .header-three .navbar-default .navbar-nav > li:last-child > .sub-menu {
        left:auto;
        right:0;
    }
}
/*
3.) Media Query for mobile
 ================================= * */
@media only screen and (max-width: 767px) {
    .business_plus_home_one_slider_slide .tp-mask-wrap .tp-caption.first-label {
        padding: 11px 20px !important;
    }
    .business_plus_home_one_slider_slide .tp-mask-wrap .tp-caption.business-label {
        padding: 10px 10px 35px !important;
    }
    .tp-tabs, .tp-thumbs, .tp-bullets {
        -moz-transform: matrix(1, 0, 0, 1, -43, -15) !important;
        -ms-transform: matrix(1, 0, 0, 1, -43, -15) !important;
        -webkit-transform: matrix(1, 0, 0, 1, -43, -15) !important;
        transform: matrix(1, 0, 0, 1, -43, -15) !important;
    }
    .business_plus_home_four_slider_slide .tp-parallax-wrap:last-child {
        margin-top: 55px !important;
        width: 264px !important;
    }
    .business_plus_home_four_slider_slide .tp-parallax-wrap {
        left: 20px !important;
    }
    .business_plus_home_four_slider_slide .tp-parallax-wrap:nth-child(3) .tp-caption {
        font-size: 20px !important;
    }
    .header-one .primary_header:after {
        right: -50%;
        z-index: -90;
    }
    .tparrows {
        display: block!important;
    }
    .sub-menu {
        position: static;
    }
    .icon-screen-smartphone:before,.icon-envelope-letter:before {
        display: block;
    }
    .businessplus-page-setting-one.projects-wrap .project-list {
        left: auto;
        margin-bottom: 15px;
        position: relative;
        top: auto;
        width: 200px!important;
        margin: 0 auto 99px;

    }
    .main-project-wrap {
        margin-top: 64px;
    }
    .businessplus-page-setting-one.projects-wrap .project-list:last-child {
        margin-bottom: 60px;
    }
    #footer .footer-menu div ul li, #footer .footer-menu div ul, #footer .footer-media {
        text-align: center;
    }
    .services-info svg {
        max-width:57px;
    }
    .trans-btn {
        font-size: 9px;
    }
    .service_two-page {
        padding-bottom: 35px;
    }
    .container.service-page-wrap {
        padding-top: 35px;
    }
    .service-two_content h6 {
        margin-bottom: 0;
    }
    .theme-default .nivo-directionNav a {
        top:50%;
        margin-top:-15px;
    }
    .single_job_listing .meta li {
        float:none;
    }
    .single_job_listing .company .name a,.single_job_listing .company .name strong {
        float:none;
        display: block;

    }
    .single_job_listing .company .name a {
        margin-left: 0;
    }
    .job_filters .search_jobs div.filter_first, .job_filters .search_jobs div.search_keywords {
        float: none;
        margin-bottom: 10px;
        padding-right: 0;
        width: 100%;
    }
    .job_filters .search_jobs div.filter_last, .job_filters .search_jobs div.search_location {
        float: none;
        padding-left: 0;
        width: 100%;
    }
    .job_filters .job_types li {
        border-bottom: 1px solid #eee;
        border-right: medium none;
        float: none;
        margin: 0;
        padding: 0.5em 1em;
    }
    .job_filters .job_types li:last-child {
        border-bottom: none;
    }
    div.job_listings ul.job_listings {
        padding-left: 0;
    }
    #job-manager-job-dashboard table td, #job-manager-job-dashboard table th {
        max-width: 18%;
        padding: 5px 1%;
        width: 18% !important;
        word-wrap: break-word;
    }
    #job-manager-job-dashboard {
        width:100%;
        overflow: auto;

    }
    .job-manager-form fieldset label {
        display: block;
        float: none;
        margin: 0 0 6px;
        width: 100%;
    }
    .job-manager-form fieldset div.field {
        float: none;
        padding-left: 10px;
        width: 100%;
    }
    .widget_businessplus_nav_menu .content-warp {
        margin-left:0;
        width:100%;
        max-width: 100%;
    }
    .sub-menu li{
        text-align: center;
    }
    .view-img img {
        width:auto;
    }
    .view-img.pull-right  {
        text-align: right;
    }

    .blog-sidebar-img-wrapper-1 img,.service_2i figure img,.width-full img,
    .testimonial-page .user-img img, .testimonial-page .wrapper-not_found img.video,
    .testimonial-two .wrapper-not_found img,
    .service-listing > img {
        height: auto;
        max-width: 100%;
        width: auto;
    }
    .service-listing {
        text-align: center;
    }
    .service_2i figure img {
        margin: 0 auto;
    }
    body a.btn.trans-btn.contact-btn {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 261px;
        width:100%;
    }
    .service-inner-box strong {
        margin: 0 auto;
        max-width: 188px;
        width: 100%;
    }

    .admin-side-info {
        float: right;
        width: 73.9%;
    }
    .admin-img-box {
        float: left;
        width: 23%;
    }
    .navbar-nav li:hover > .sub-menu {
        display: none;
    }
    .header-two .navbar-nav .sub-menu li {
        text-align: left;
    }
}
@media only screen and (max-width: 480px) {
    body #theme_panel  {
        width: 291px;
        left:-291px;
    }

}
@media only screen and (max-width: 479px) {
    .banner-one .form-control {
        width: 198px !important;
    }
    body .banner-one .contact-form-wrap {
        width: 216px !important;
    }
}
