﻿@media only screen and (min-width : 320px) {
}

@media only screen and (min-width : 480px) {
}


@media only screen and (min-width : 768px) {
    .no-pad-left-sm {
        padding-left: 0;
    }

    .no-pad-right-sm {
        padding-right: 0;
    }
    .topnav {
        margin-top:13px;
    }
     .loggedin .topnav {
        margin-top:15px;
    }
    
}

@media only screen and (min-width : 992px) {
    .col1 {
        
    }
    
    .borderLeft {
        border-left: solid 1px #cccccc;
    }
    .col2 {
        
    }

    .navbar-header {
      float: left; 
    }
    
}
@media only screen and (min-width : 1200px) {
    .topnav {
        margin-top: 55px;
    }
}
@media only screen and (min-width : 1200px) and (max-width : 1400px){
     #slider .item {
        padding: 0 40px !important;
    }
}

@media only screen and (min-width : 1400px) {
    .container {
        width: 1400px;
    }
}

@media only screen and (min-width : 1600px) {
    
}
@media only screen and (min-width : 992px) and (max-width : 1200px) {
    .introText, #slider .item {
        padding:0 30px;
    }
}
@media only screen and (min-width : 1200px) and (max-width : 1400px) {
    .mainnav {
        margin-top:10px !important;
    }
    .mainnav li a {
        padding:7px 15px !important;
        font-size: 14px !important;
    }

}
@media only screen and (max-width : 1200px) {
    .navbar-header {
        float: none;
    }
}
@media only screen and (max-width : 992px) {
    body {
        margin-bottom: 250px;
    }
    p.heading.since {
        text-align:left;
    }
}
@media only screen and (max-width : 768px) {
    
    .xs-center {
        text-align: center;
    }
    .xs-center .img-responsive{
        margin:0 auto;
    }

}

@media only screen and (max-width : 768px) {
    .select-language {
        text-align:left;
    }
}

@media only screen and (max-width : 560px) {
    .nav-pills > li {
        float: none;
    }
}
@media only screen and (max-width : 480px) {
    body {
        margin-bottom:300px;
    }

    .introText, #slider .item {
        padding:0 30px;
    }
    .custom-accordion .panel-title a {
        font-size:22px;
    }
    .panel-question .panel-heading {
        font-size:13px;
    }
    .customSelect {
        padding:6px 10px 6px 10px;
    }
    .customSelectInner , .form-control {
        font-size:14px;
        height:auto;
    }
    label.cancel {
        font-size:13px;
    }
    .btn-back {
        /*background:none !important;*/
    }
    .showOnly img {
        margin-left:0;
    }
    
    .btnSmall-xs {
        font-size: 22px !important;
        margin-left: 0 !important;
    }
    .btn-search {
        height:50px;
    }
    .btn-default, .btn-primary {
        font-size:18px !important;
        line-height: 2;
    }
    .icon-help {
        max-width: 50px;
    }
    .customSelectInner  {
        /*font-size:13px !important;*/   
    }
    .main-title , h1.main-title{
        font-size:22px;
        line-height:50px;
    }
    .input-group .input-group-addon {
        padding:5px 12px;
    }
    .input-group .input-group-addon i{
        font-size:14px;
    }
    .showOnly label:before {
        width:20px;
        height:20px;
    }
    .filter {
        padding:6px 10px;
    }
    .showOnly input[type=checkbox]:checked + label:before {
        font-size: 13px;
    }
}


@media only screen and (max-width : 320px) {
}

@media projection {
    .form-control {
        border:1px solid #777;
    }
}