/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 2, 2014, 11:08:01 AM
    Author     : Praveen
*/
@media only screen and (min-width : 1320px) and (max-width:1400px) {
    #content_wrapper .col-ftd {
        padding-right: 18px;
        padding-left: 18px;
    }
    #content_wrapper .row.ftd {
        margin-left: -18px;
        margin-right: -18px;
    }
    #front_slider {
        padding-left: 11px;
        padding-right: 11px;
    }
    #front_slider .customNavigation .prev {
        left: -22px;
    }
    #front_slider .customNavigation .next {
        right: 0;
    }
    /* =Extension Page
    ========================================*/
    #content_wrapper .element-list .row.elm{
        margin-left: -19px;  
        margin-right: -19px;        
    }
    #content_wrapper .element-list .col-elm{
        padding-right: 19px;  
        padding-left: 19px;        
    }
    #content_wrapper.content .element-list .element-content{
        padding: 24px;        
    }
    /* =Extension Page [single]
    ========================================*/
    #content_wrapper .element-list.single .col-elm {
        padding-right: 18px;
        padding-left: 18px;
    }
    #content_wrapper .element-list.single .row.elm {
        margin-left: -18px;
        margin-right: -18px;
    }
    #content_wrapper.content .element-list.single .element-content {
        padding: 24px;
        padding-bottom: 28px;
    }
}
@media (min-width: 1330px) {
    .container {
        width: 1325px;
    }
}
@media only screen and (max-width:1330px) and (min-width: 1200px) {
    #front_slider .customNavigation .prev {
        left: -15px;
    }
    #front_slider .customNavigation .next {
        right: -15px;
    }
}
@media only screen and (max-width: 1200px) {
    #front_slider .customNavigation .prev {
        left: -15px;
    }
    #front_slider .customNavigation .next {
        right: -15px;
    }
}
@media only screen and (max-width: 1200px) and (min-width:992px) {
    #wp-calendar tbody td {
        padding: 3px;
    }
}
@media only screen and (min-width : 992px) and (max-width:1400px) {
    .col-md-12{
        overflow: hidden;       
    }
}
@media only screen and (min-width : 992px) and (max-width:1280px) {
    #section_blog .single-clicks iframe{
        width:370px;
        height: 250px;
    }
}
@media only screen and (min-width : 992px) and (max-width:1360px) {
    .col-md-12{
        overflow: hidden;        
    }
    #content_wrapper .col-ftd {
        padding-right: 18px;
        padding-left: 18px;
    }
    #content_wrapper .row.ftd {
        margin-left: -18px;
        margin-right: -18px;
    }
    #header #menu li{
        margin-left: 18px;        
    }
    #header #menu li a{
        font-size: 16px;
        padding: 5px 5px 5px 5px;
    }
    #content_wrapper .startbuilding .building-text .building-head{
        font-size: 20px;

    }
    #content_wrapper .startbuilding .building-text .building-des{
        font-size: 15px;
    }
    #content_wrapper .startbuilding .building-img{
        width: 207px;  
        height: 108px;
        background-size: 207px 108px;

        margin-left: 8px;
    }
    #content_wrapper .startbuilding .building-btn{
        padding-top: 0;
        margin-top: -5px;
    }
    .fbtn {
        font-size: 16px;
    }
    .fbtn.btncaption{
        font-size: 16px;
        padding-left: 15px;  
        padding-right: 15px;
    }
    .fbtn.btncaption .btn-des{
        font-size: 13px;
    }
    #content_wrapper .startbuilding{
    }
    #section_blog .affiliates{
        width: 100%;        
    }
    #section_blog .section-heading{
        font-size: 18px;
    }
    #section_blog .post .post-title{
        font-size: 18px;
    }
    #section_blog .post p{
        font-size: 16px;
    }
    #section_blog .affiliates span{
        max-width: 100%;
        background-size: 120px;
    }
    #form_list_container .form-list li a{
        font-size: 22px;
    }
    #form_list_container .form-list li a.fmlevel-1{
        width: 188px;
    }
    #form_list_container .form-list li a.fmlevel-2{
        width: 220px;
    }
    #form_list_container .form-list li a.fmlevel-3{
        width: 258px;
    }
    #form_list_container .site-video .fbtn{
        font-size: 19px;
    }
    #sub_header .st-title-wrap .st-title{
        font-size: 40px;
    }
    #content_wrapper.content.single .cnt-sidebar{
        padding: 18px 10px 22px 10px;        
    }
    #content_wrapper.content.single .cnt-sidebar iframe{
        max-width: 100%;
        height:auto;
    }
    #content_wrapper.content .element-list .element-content {
        height: 311px;
    }

}
@media only screen and (min-width:991px){
    /*Right sidebar css for right side*/
    #direction_right .flex_container{
        display:flex;
    }
    #direction_right .flex_container .sec_hide_mobile{
        order:2;
    }
    #direction_right .flex_container .sec_show_mobile{
        order:1;
    }
}
@media only screen and (max-width:992px) {
    /*Sidebar direction*/
    #direction_right .flex_container{
        flex-direction: column-reverse;
        display: flex;
    }
    #header .menu-wrap{
        display:none;
    }
    /*Mean menu*/
    .mean-container .mean-nav ul li a {
        font-size: 15px;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        padding: 9px!important;
        line-height: 2;
    }
    #section_blog {
        text-align: center;
    }
    #big-video-wrap{
        display:none;
    }
    .widget_calendar .calendar_wrap{
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width : 768px) and (max-width:992px) {
    #front_slider .customNavigation{
        width: 99%;
    }   
}
@media only screen and (max-width:1344px) {
    #content_wrapper .element-list .row.elm{
        margin-left: -15px;  
        margin-right: -15px;        
    }
    #content_wrapper .element-list .col-elm{
        padding-right: 15px;  
        padding-left: 15px;        
    }
    #content_wrapper.content .cnt-wrap{
        margin-left: 0;
    }
    #content_wrapper .element-list.single .col-elm {
        padding-right: 15px;
        padding-left: 15px;
    }
    #content_wrapper .element-list.single .row.elm {
        margin-left: -15px;
        margin-right: -15px;
    }  
    #commentform input[type="text"],
    #commentsbox #commentform input[type="text"], .contactform input[type="text"], .contactform input[type="email"]{
        width: 100%;        
    }
    #site_features .f-content{
        height:auto;
    }
    #content_wrapper.content.single .cnt-data iframe{
        max-width: 100%;
        height: auto;
    }
    .page-content .gallery ul.thumbnail.col-5 li {
        width: 198px;
        height: auto;
        margin-right: 3.5%;
        margin-bottom: 15px;
    }
    .content_bar .gallery ul.thumbnail.col-4 li {
        width: 185px;
    }

}
@media only screen and (max-width:992px) {
  	.main-logo {
      	width:100%;
  	}
  	#header .top-header .logo {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    #content_wrapper .front-content {
        padding-top: 70px;
    }
    .col-md-12{
        overflow: hidden;
    }
    #form_list_container .form-list{
        display: none;
    }
    #content_wrapper .col-ftd {
        padding-right: 15px;
        padding-left: 15px;
    }
    #content_wrapper .row.ftd {
        margin-left: -15px;
        margin-right: -15px;
    }
    #section_blog .home-blog{
        padding-right: 0;        
    }
    #sub_header .st-title-wrap.home{
        padding-bottom: 0px;
        padding-top:0;
    }
    #sub_header .st-title-wrap .st-title{
        font-size: 36px;
    }
    #form_list_container{
        margin-bottom: 20px;
    }

    #content_wrapper .startbuilding .building-text .building-head{
        font-size: 20px;

    }
    #content_wrapper .startbuilding .building-text .building-des{
        font-size: 14px;

    }
    #content_wrapper .startbuilding .building-btn{
        padding-top: 1px;

    }

    #content_wrapper .startbuilding .building-text{
        padding-top: 7px;
        padding-bottom: 13px;
    }
    #content_wrapper .startbuilding {
        background-size: contain;
    }
    .fbtn {
        font-size: 16px;
    }
    .fbtn.btncaption{
        font-size: 16px;
        padding-left: 15px;  
        padding-right: 15px;
    }
    .fbtn.btncaption .btn-des{
        font-size: 13px;
    }
    #content_wrapper.content .sidebar-page{
        margin-right: 0;
    }
    #content_wrapper.content.single .cnt-sidebar {
        padding: 18px 18px 22px 18px;
        margin-left: 0;
    }
    #content_wrapper.content.single .cnt-sidebar iframe{
        max-width: 100%;
        height:auto;
    }
    #content_wrapper #site_features ul li{
        /*width:100%;*/
    }
    .page-content .gallery ul.thumbnail.col-5 li {
        width: 198px;
        height: auto;
        margin-right: 3.5%;
        margin-bottom: 15px;
    }
    .page-content .gallery ul.thumbnail.col-4 li {
        margin-right: 7%;
        width: 294px;
    }
    .page-content .gallery ul.thumbnail.col-5 li {
        margin-right: 5.5%;
    }
    .content_bar .gallery ul.thumbnail.col-4 li {
        margin-right: 7%;
        width: 267px;
    }
    #header.top_feature_container.full.video .header-overlay{
        background: none;
    }
    .front-slider .owl-item .item span.zoom a {
        font-size: 12px; 
        padding: 5px 15px;
    }
    #front_slider .customNavigation .prev, #front_slider .customNavigation .next {
        margin: 25px 0 0;
    }
    #front_slider .customNavigation {
        position: relative;
        top: initial;
        width: 100%;
        width: 34px;
        margin: -15px auto 23px;
        clear: both;
    }
}
@media only screen and (max-width:768px) {
    #sub_header .st-title-wrap.home {
        padding:0 15px;
    }
    /*Feature area*/
    #content_wrapper #site_features{
        display: block;
        margin-bottom: 30px;
    }
    #content_wrapper #site_features ul li {
        max-width: 320px;
        clear: both;
        margin: 0 auto;
        float: none;
    }
    #content_wrapper.content .cnt-data.form-exp{
        padding: 0 0 18px 0;        
    }
    #content_wrapper.content .post .post-meta{
        display: block;
    }
    #content_wrapper.content .post .author-avatar{
        display: none;
    }
    #content_wrapper.content .blog {
        padding-left: 0;
        padding-right: 0;
    }
    #header .sub-header-strip{
        text-align: center;
    }
    .page-content .gallery ul.thumbnail.col-4 li {
        margin-right: 7%;
        width: 260px;
    }
    .page-content .gallery ul.thumbnail.col-5 li {
        margin-right: 3.5%;
    }
    #sub_header .st-title-wrap .fbtn.top-button{
        padding: 8px 12px 6px 12px;
        font-size: 20px;
    }
    #content_wrapper .startbuilding .building-text {
        padding-right: 30px;
        text-align: center;
    }
    #content_wrapper .startbuilding .building-btn{
        width: 100%;
        clear: both;
        text-align: center;
    }
    #content_wrapper .startbuilding .fbtn.btncaption {
        float: none;
        margin: 0 auto;
    }
    .client_wrapper .ewpe-wrap ,
    #content_wrapper .startbuilding {
        margin-bottom: 45px;
    }
    .owl-buttons .owl-next {
        right: -5px;
    }
    .owl-buttons .owl-prev {
        left: -5px;
    }
    /*product*/
    #product-carousel .owl-item .item .homepage-product{
        max-width: 260px;
        margin: 0 auto;
    }
}
@media only screen and (min-width : 640px) and (max-width:768px) {
    #content_wrapper.content .element-list .element-content {
        height: 311px;
    }
    .page-content .gallery ul.thumbnail.col-4 li {
        margin-right: 5%;
        width: 264px;
    }
    .page-content .gallery ul.thumbnail.col-5 li {
        margin-right: 1.5%;
    }
}
@media only screen and (min-width : 480px) and (max-width:640px) {
    #content_wrapper.content .element-list .element-content{
        padding: 18px;        
    }
    .page-content .gallery ul.thumbnail.col-4 li {
        margin-right: 2%;
        margin-left: 20%;
        width: 260px;
    }
    .page-content .gallery ul.thumbnail.col-5 li {
        margin-right: 9.5%;
    }
}
@media only screen and (max-width:480px) {
    /*Mean menu*/
    .mean-container .mean-nav ul li a {
        font-size: 13px;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        padding: 6px!important;
        line-height: 2;
    }
    #content_wrapper.content{
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .logo,#site_features .f-content{
        text-align: center;
    }
    #form_list_container .site-video .fbtn{
        font-size: 16px;        

        padding-left: 23px;
        padding-right: 22px;
    }
    #sub_header .st-title-wrap .st-title{
        font-size: 30px;
    }
    #sub_header .st-title-wrap .light-weight {
        font-size: 24px;
        padding: 0 15px;
    }
    #form_list_container .site-video .vdes{
        font-size: 14px;
    }
    #content_wrapper .front-content{
        padding-top: 60px;        
    }
    #content_wrapper .front-content .main-dt{
        font-size: 32px;
    }
    #front_slider{
        margin-bottom: 48px;        

    }
    #content_wrapper .front-content .wyf-wrap, #content_wrapper .front-content .ewpe-wrap, #content_wrapper.content .wyf-wrap{
        margin-bottom: 23px;
    }
    .startbuilding,.ewpe-wrap,.extensions{
        display: none;
    }
    #content_wrapper.content .post{
        padding: 10px 20px 30px 20px;       
    }
    #content_wrapper.content .post .post-content{
        word-break: break-all;
        word-wrap: break-word;
    }
    .sidebar-banner{
        text-align: center;
    }
    .page-content .gallery ul.thumbnail.col-4 li{
        margin-left:5%;
    }
    .page-content .gallery ul.thumbnail.col-5 li {
        margin-right: 0%;
        margin-left: 5%;
        width: 260px;
    }
    .page-content .gallery ul.thumbnail.col-5 li img{
        width: 260px;
    }
}
@media only screen and (max-width:440px) {
    #product-carousel .owl-item .item {
        max-width: 250px;
        margin: 0 auto;
    }
}
@media only screen and (max-width:336px) {
    #sub_header .st-title-wrap .st-title {
        font-size: 26px;
    }
    #sub_header .st-title-wrap .light-weight {
        font-size: 18px;
    }
    #sub_header .action_note {
        font-size: 16px;
    }
    #content_wrapper.content .post .post-meta li{
        display: block;
        margin-bottom: 12px;
    }
    #content_wrapper.content .post .post-meta .post-comment{
        float:none;
    }
    #content_wrapper.content .post .post-meta li a{
        margin-left: 0;
    }
    #commentsbox #respond input#commentSubmit{
        font-size: 18px;        
    }
    #comment_list ol.commentlist li.comment .comment-author .avatar{
        display:none;
    }
    #comment_list ol.commentlist li.comment p{
        margin-left: 0;
    }
    .page-content .gallery ul.thumbnail.col-5 li {
        margin-right: 0%;
        margin-left: 8%;
    }
}