/* This query is applied for protait Tablet ipad
*/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .content_wrapper .gallery .thumbnail .col-8.animated,
    .content_wrapper .gallery .thumbnail .col-7.animated,
    .content_wrapper .gallery .thumbnail .col-9.animated{
        width: 20%;
        padding: 15px;
    }
    #myCarousel .carousel-caption{
        top:5%;
    }
}
@media only screen and (max-width: 992px) {
    .feature_content .feature-image{
        max-width: 100%;
    }
    .content_wrapper  .gallery .thumbnail .col-5.animated ,
    .content_wrapper  .gallery .thumbnail .col-7.animated ,
    .content_wrapper  .gallery .thumbnail .col-8.animated ,
    .content_wrapper  .gallery .thumbnail .col-9.animated {
        width: 33.33%;
        padding: 15px;
    }
    #wp-calendar th, #wp-calendar td{
        padding: 5px;
    }
    #myCarousel .carousel-caption{
        top: 2%;
        padding: 15px 20px;
    }
    #myCarousel .carousel-caption h1.animated{
        font-size: 25px;
    }
    #myCarousel .carousel-caption li.animated{
        font-size: 18px;
    }
    .home_text{
        padding-top: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
    .body-content {
        background:#FFF;
        margin:0 auto 0 auto;
        background:#fff;
        width:768px;
        -moz-box-shadow:0px 0px 3px #888;
        -webkit-box-shadow:0px 0px 3px #888;
        box-shadow:0px 0px 3px #888;
        overflow:hidden;
    }
    .top_cornor {
        background:none;
        width:760px;
        margin:17px auto 0 auto;
        height: 6px;
    }
    ul.thumbnail {
        list-style-type:none;
        overflow:hidden;
        width:780px;
        margin:0 auto 0 -27px;
        padding:15px 0 0;
    }
    ul.thumbnail li {
        width:228px;
        float:left;
        overflow:hidden;
        background:url(images/shadow.png) no-repeat top center;
        padding-top:8px;
        margin:0 0 25px 32px;
    }
}
@media only screen and (min-width: 767px) {
    .call-us{
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    #main-menu {
        padding-bottom: 20px;
    }
    #main-menu select.selectnav {
        font-family: arial;
        font-size: 15px;
        background-color: #FFF;
        filter:progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
        background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(20%, #FFF), color-stop(50%, #F6F6F6), color-stop(52%, #EEE), color-stop(100%, #F4F4F4));
        background-image: -webkit-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: -moz-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: -ms-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: -o-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        border: 1px solid #E1E1E1;
        -webkit-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
        box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
        display: block;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        padding: 6px 7px 6px 5px;
        color: #717171;
        text-decoration: none;
        height: 35px;
        line-height: 23px;
        cursor: pointer;
    }
    #main-menu select.selectnav option {
        padding: 1px 0;
        font-size: 0.8em;
    }
    .mean-container .mean-nav ul li {
        margin-left: 0;
        width: 100%;
    }
    .mean-container .mean-nav ul li a {
        padding: 5px 5%;
    }
    .mean-container .mean-nav ul li li a{
        padding: 5px 10%;
    }
    .mean-container .mean-nav ul li li li a{
        padding: 5px 15%;
    }
    .mean-container .mean-nav ul li li li li a{
        padding: 5px 20%;
    }
    .mean-container .mean-nav ul li a.mean-expand{
        padding: 5px !important;
    }
    .mean-container .mean-nav ul li ul li {
        width: 100%;
    }
    .body-content {
        background:#FFF;
        margin:0 auto 0 auto;
        background:#fff;
        width: 100%
            ;
        -moz-box-shadow:0px 0px 3px #888;
        -webkit-box-shadow:0px 0px 3px #888;
        box-shadow:0px 0px 3px #888;
        overflow:hidden;
    }
    .top_cornor {
        background:none;
        width:500px;
        margin:0px auto 0 auto;
        height: 6px;
    }
    .header .logo {
        padding-top:10px;
        text-align:center;
        margin-bottom:20px;
    }
    .top_right_bar {
        margin-top:0px;
        text-align: center;
    }
    .header .top_right_bar .social_logos {
        float: none;
        display: inline-block;
        margin-left: 0 auto;
        margin-right: 0;
    }
    .header .top_right_bar #searchform {
        float:none;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .feature_content .feature_box .feature_inner {
        margin-bottom:25px;
    }
    .feature_inner p.iframe {
        margin:0 auto;
        text-align:center;
    }
    .feature_inner .iframe object, .feature_inner .iframe embed, .feature_inner .iframe param {
        margin:0 auto;
        text-align:center;
        width:220px !important;
    }
    .footer, .footer a {
        color:#fff;
        text-align: center;
    }
    .footer_widget .col-md-4 {
        margin-bottom: 20px;
    }
    .footer_wrapper .footer .footer_widget .widget_inner.lebo {
        padding-left:0px;
    }
    .footer_wrapper .footer .footer_widget .widget_inner.last {
        background:none;
    }
    .footer_bottom{
        text-align: center;
        margin-top: 5px;
    }
    .sidebar_wrapper .sidebar {
        padding-left:0;
        margin-top: 50px;
        text-align: center;
    }
    form#contactForm {
        text-align: center;
        margin: 50px 0;
    }
    .contactform input[type="text"], 
    .contactform textarea{
        margin-left:auto; 
        margin-right:auto; 
    }
    .fullwidth h1 {
        text-align:center;
    }
    ul.thumbnail {
        list-style-type:none;
        overflow:hidden;
        width:500px;
        margin:0 auto 0 -12px;
        padding:15px 0 0;
        text-align:center;
    }
    ul.thumbnail li {
        width:228px;
        float:left;
        overflow:hidden;
        background:url(images/shadow.png) no-repeat top center;
        padding-top:8px;
        margin:0 0 5px 12px;
    }
    .feature_content{
        text-align: center;
    }
    textarea#comment,
    #commentform input[type="text"]{
        width: 100%;
    }
    .content_wrapper .content{
        text-align: center;
    }
    .content_wrapper .content li {
        list-style-position: inside;
    }
    .nav-previous{
        width: auto;
    }
    .sidebar .wrap_sidebar select, .footer .wrap_sidebar select{
        margin: 10px auto;
        color: grey;
    }
    .sidebar div.textwidget .wp-caption ,
    .footer div.textwidget .wp-caption{
        margin: 0 auto;
    }
    #calendar_wrap ,.footer #wp-calendar {
        display: inline-block;
    }
    .content_wrapper .content .post .post_content .read_more{
        margin: 0 auto;
        float: none;
    }
    .content_wrapper .content .post {
        margin-bottom: 50px;
    }
    .content_wrapper  .gallery .thumbnail .col-5.animated ,
    .content_wrapper  .gallery .thumbnail .col-7.animated ,
    .content_wrapper  .gallery .thumbnail .col-8.animated ,
    .content_wrapper  .gallery .thumbnail .col-9.animated {
        width: 50%;
        padding: 15px;
    }
    .content_wrapper .fullwidth-page h1 {
        text-align: center;
    }
    .footer #searchform,
    .sidebar #searchform{
        margin: 0 auto;
    }
    .sidebar #searchform #s{
        width: 90%;
    }
    #myCarousel .carousel-caption{
        top: 5%;
    }
    #myCarousel .carousel-caption h1.animated {
        font-size: 20px;
    }
    #myCarousel .carousel-caption li.animated {
        font-size: 16px;
    }
    .feature_content h2,
    .feature_content .feature_box .feature_inner{
        text-align: center;
    }
    .feature_content .feature-image {
        max-width: 100%;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .feature_content .feature_inner.feature_inner_bottom {
        text-align: center;
        margin-top: 40px;
    }
    .footer .footer_widget .col-md-4{
        width: auto;
    }
    .banner .wrap_sidebar h3.title,
    .footer .wrap_sidebar h3.title{
        text-align: center;
    }
    .banner aside{
        margin-bottom: 40px;
    }
    .banner .social_logos,
    .banner form.suscriber-form{
        text-align: center;
    }
}
@media only screen and (max-width: 640px) {
    #myCarousel .carousel-caption li.animated{
        display: none;
    }
    .home_text h1{
        font-size: 28px;
    }
    .home_text p{
        padding: 15px;
    }
}
@media only screen and (max-width: 480px) {
    #mobile_menu {
        width: 288px;
        text-align:center;
        margin-left:0;
    }
    .mobile_nav {
        width:220px;
        margin-bottom:0;
        margin-top:15px;
    }
    .body-content {
        background:#FFF;
        margin:0 auto 0 auto;
        width: 324px;
        -moz-box-shadow:0px 0px 3px #888;
        -webkit-box-shadow:0px 0px 3px #888;
        box-shadow:0px 0px 3px #888;
    }
    .top_cornor {
        background:none;
        width: 324px;
        margin:0px auto 0 auto;
        height: 6px;
    }
    .header .logo {
        padding-top:10px;
        text-align:center;
        margin-bottom:20px;
    }
    .top_right_bar {
        margin-top:0px;
        margin-left:-0px;
    }
    .header .top_right_bar .social_logos {
        list-style-type:none;
        float:none;
        width:124px;
        margin:0 auto;
    }
    .home_text {
        text-align: center;
    }
    .feature_content .feature_box .feature_inner {
        padding-right:0;
        margin-bottom:25px;
    }
    .feature_content .feature-image {
        width:290px;
    }
    .feature_inner_bottom {
        padding-right:0px;
        width:290px;
        margin:0 auto;
    }
    .contactform textarea,.contactform input[type="text"] {
        width: 100%;
    }
    ul.thumbnail {
        list-style-type:none;
        overflow:hidden;
        width:300px;
        margin:0 auto 0 0px;
        padding:15px 0 0;
    }
    ul.thumbnail li {
        width:260px;
        float:left;
        overflow:hidden;
        background:url(images/shadow.png) no-repeat top center;
        padding-top:8px;
        margin:0 0 5px 12px;
    }
    ul.thumbnail li img {
        height:157px;
        width:240px;
        background-color:#FFF;
        border:1px solid #ddd;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        background:url(images/galleryshadow.png) no-repeat 100% center;
        background-position:center 100%;
        padding:5px;
    }
    ol.commentlist li.comment .comment-body{
        margin-left: 0;
        padding-left: 10px;
    }
    .content_wrapper  .gallery .thumbnail .col-5.animated,
    .content_wrapper  .gallery .thumbnail .col-7.animated,
    .content_wrapper  .gallery .thumbnail .col-8.animated,
    .content_wrapper  .gallery .thumbnail .col-9.animated{
        width: 100%;
    }
    .content_wrapper .fullwidth-page h1 {
        text-align: center;
    }
    #myCarousel .carousel-caption{
        display: none;
    }
}
