/*
* Author: Appointment Theme
* Created by: Shahid (Scientech IT)
* Copyright (c) 2015 Appointment
* Date: 27 Dec, 2015
* http://www.webriti.com/demo/wp/appointment
*/

/* This Media screen css called for All Appointment Theme Pages-------------------------------------------------*/

@media only screen and (min-width: 1100px) and (max-width: 1200px) {
    /*Menus*/
    .navbar .navbar-right { float: left !important; }
    /*Flexslider*/
    .slide-caption { width: 80%; }
    /*Callout Section*/
    .callout-section p { padding: 0 0px; }
    /*Testimonial Section*/
    .testmonial-area { margin: 0px; padding: 0;}
    /*Contact Us*/
    .contact-detail-area { margin-bottom: 50px; }
    
    }
    
    @media only screen and (min-width: 768px) and (max-width: 1100px) {
    /*Menus*/
    .navbar .navbar-right { float: left !important; }
    .navbar-collapse.in { overflow: hidden; }
    
    /*FlexSlider*/
    .slide-caption { width: 80%; }
    .slide-text-bg1 { margin: 0 0 13px; }
    .slide-text-bg2 { margin: 0 0 13px; }
    
    .slide-text-bg2 .check { height: 35px; margin-right: 10px; padding: 6px 20px; width: 40px; }
    .flex-direction-nav a { height: 45px; width: 45px; }
    .flex-direction-nav a:before { font-size: 30px; line-height: 1.5; }
    .flex-direction-nav .flex-prev { opacity: 1; }
    .flex-direction-nav .flex-prev { opacity: 1; right: 70px; }
    .flex-direction-nav .flex-prev { background-position: 7px 6px; }
    /*Callout Section*/
    .callout-section p { padding: 0 0px; }
    /*Testimonial Section*/
    .testmonial-area { margin: 0px; padding: 0; }
    /*Page Title Section*/
    /*.page-breadcrumb { text-align: left; }*/
    /*About Us*/
    .about-img-area { margin: 0 0 35px; }
    /*Blog Sidebar*/
    .blog-lg-area-left { padding: 0px 0px 60px 0px; }
    .blog-lg-area-right { padding: 0px 0px 60px 0px; }
    /*Contact Us*/
    .contact-detail-area { margin-bottom: 50px; }
    
    }   
    
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .navbar-toggle {
        color: #FFFFFF;
        display: block;
        float: right;
        font-size: 15px;
        font-weight: 700;
        margin: 13px auto;
        padding: 9px 17px;
        text-transform: uppercase;
    }}
    
    @media only screen and (max-width: 1100px) and (min-width: 768px){
    .navbar-toggle {
        margin: 0px auto;
        }}
    @media only screen and (min-width: 480px) and (max-width: 1100px) {
    /*Menus*/
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0px; margin-right: 0px; }
    .navbar-nav { width: 100%; }
    .navbar-nav > li { border-right: 0px none; }
    /*Header Contact Info*/
    .head-contact-social { float: none; text-align: center; margin: 17px 0 17px; }
    .head-contact-info { float: none; text-align: center; margin: 10px 0 17px; }
    /*Carousel Main Slider*/
    
    .slide-caption { width: 80%; }
    .slide-text-bg1 { margin: 0 0 5px; }
    .slide-text-bg2 { margin: 0 0 5px; }
    .carou-direction-nav a { width: 40px; height: 40px; }
    .carou-direction-nav a:before { font-size: 30px; line-height: 1.3; }
    .carou-direction-nav :hover .carou-prev { left: 20px; }
    .carou-direction-nav :hover .carou-next { right: 20px; }
    /*Callout Section*/
    .callout-section p { padding: 0 0px; }
    .callout-btn1, .callout-btn2 { margin: 0 10px 20px; }
    /*Testimonial Section*/
    .testmonial-area { margin: 0px; padding: 0; }
    .author-box { float: none; margin: 0 0px 20px 0; }
    .author-box img { margin: 0 auto; display: block; }
    .description-box:after { display: none; }
    /*Footer Copyright*/
    .footer-copyright { padding: 15px 0; text-align: center; }
    .footer-contact-social { float: none; text-align: center; padding: 15px 0; }
    /*Page Title Section*/
    /*.page-breadcrumb { text-align: left; }*/
    /*About Us*/
    .about-img-area { margin: 0 0 35px; }
    /*Blog Sidebar*/
    .blog-lg-area-left { padding: 0px 0px 60px 0px; }
    .blog-lg-area-right { padding: 0px 0px 60px 0px; }  
    .blog-post-date-area { float: none; margin: 0px 25px 25px 0; }
    /*Image Paragraph Alignment*/
    .blog-paragraph-image { margin: 15px 10px 10px 0; }
    .blog-paragraph-image > .media > .alignleft, .blog-paragraph-image > .media > .alignright { float: none; }  
    .blog-paragraph-image > .media > .alignleft img, .blog-paragraph-image > .media > .alignright img {
        margin-bottom: 20px;
        margin-left: 0;
    }
    /*Blog Author*/
    .blog-author { margin: 0 0px 50px 0; }
    /*Comment Section*/
    .comment-section { margin: 0 0 30px; }
    /*Comment Form*/
    .comment-form-section { margin: 0 0px 50px 0; }
    .form-inline .blog-form-group { margin-right: 0px; width: 100%; }
    .form-inline .blog-form-group-textarea { width: 100%; }
    /*Contact Section*/
    .contact-form-section { margin: 0 0px 50px 0; }
    .form-inline .contact-form-group { margin-right: 0px; width: 100%; }
    .form-inline .contact-form-group-textarea { width: 100%; }
    .contact-detail-area { margin-bottom: 50px; }
        
    }
    @media only screen and (min-width: 400px) and (max-width: 768px) { 
    .slide-caption { width: 80%; }
    }
    @media (max-width: 400px)  {
        .slide-caption { width: 100%; }
    }
    @media only screen and (min-width: 200px) and (max-width: 768px) {
    /*Logo*/
    .navbar-brand { display: block; float: none; margin-right: 0; padding: 10px 15px; }
    .navbar-brand img { display: block; margin: 0 auto; text-align: center; }
    /*Menus*/
    .navbar-collapse.in { overflow: hidden; }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0px; margin-right: 0px; }
    .navbar-nav { width: 100%; }
    .navbar-nav > li { border-right: 0px none; }
    .navbar-toggle {
        color: #FFFFFF;
        display: block;
        float: none;
        font-size: 12px;
        font-weight: 700;
        margin: 13px auto;
        padding: 7px 15px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }
    /*Header Contact Info*/
    .head-contact-social { float: none; text-align: center; margin: 17px 0 17px; }
    .head-contact-info { float: none; text-align: center; margin: 10px 0 17px; }
    /*Carousel Main Slider*/
    .slide-text-bg1 { margin: 0 0 5px; }
    .slide-text-bg1 h2 { font-size: 28px;line-height: 34px;padding: 2px 7px;}
    .slide-text-bg2 { margin: 0 0 5px; width: 90%; }
    
    .carou-direction-nav a { width: 30px; height: 30px; }
    .carou-direction-nav a:before { font-size: 22px; line-height: 1.4; }
    .carou-direction-nav :hover .carou-prev { left: 20px; }
    .carou-direction-nav :hover .carou-next { right: 20px; }
    /*Callout Section*/
    .callout-section p { padding: 0 0px; }
    .callout-btn1, .callout-btn2 { margin: 0 10px 20px; }
    /*Testimonial Section*/
    .testmonial-area { margin: 0px; padding: 0; }
    .author-box { float: none; margin: 0 0px 20px 0; }
    .author-box img { margin: 0 auto; display: block; } 
    .description-box:after { display: none; }
    /*Homepage Blog*/
    .blog-sm-box { float: none; margin: 0 0 30px 0; }
    .blog-sm-area:hover .blog-sm-box img { padding-top: 0px; }
    /*Footer Copyright*/
    .footer-copyright { padding: 15px 0; text-align: center; }
    .footer-contact-social { float: none; text-align: center; padding: 15px 0; }
    /*Page Title Section*/
    /*About Us*/
    .about-img-area { margin: 0 0 35px; }
    /*Blog Sidebar*/
    .blog-lg-area-left { padding: 0px 0px 60px 0px; }
    .blog-lg-area-right { padding: 0px 0px 60px 0px; }
    .blog-post-date-area { float: none; margin: 0px 25px 25px 0; }
    /*Image Paragraph Alignment*/
    .blog-paragraph-image { margin: 15px 10px 10px 0; }
    .blog-paragraph-image > .media > .alignleft, .blog-paragraph-image > .media > .alignright { float: none; }  
    .blog-paragraph-image > .media > .alignleft img, .blog-paragraph-image > .media > .alignright img {
        margin-bottom: 20px;
        margin-left: 0;
    }
    /*Blog Author*/
    .blog-author { margin: 0 0px 50px 0; }
    .blog-author .pull-left { float: none !important; margin: 0 0 15px; }
    /*Comment Section*/
    .comment-section { margin: 0 0 30px; }
    .pull-left-comment { float: none; }
    /*Comment Form*/
    .comment-form-section { margin: 0 0px 50px 0; }
    .form-inline .blog-form-group { margin-right: 0px; width: 100%; }
    .form-inline .blog-form-group-textarea { width: 100%; }
    /*Contact Section*/
    .contact-form-section { margin: 0 0px 50px 0; }
    .form-inline .contact-form-group { margin-right: 0px; width: 100%; }
    .form-inline .contact-form-group-textarea { width: 100%; }
    .contact-detail-area { margin-bottom: 50px; }
    }
    @media only screen and (min-width: 200px) and (max-width: 991px) {
      .page-breadcrumb { text-align: left; }
    }
    @media only screen and (max-width: 1100px) and (min-width: 768px){
    .homepage-mycarousel .carousel-inner > .item > img {
        height: 500px;
    }}
    @media only screen and (max-width: 600px) and (min-width: 200px){
    .homepage-mycarousel .carousel-inner > .item > img {
        max-width: initial;
    }}
    @media only screen and (min-width: 200px) and (max-width: 767px){
        .slide-text-bg1 {
            width: 90%;
        }
    }