/*--------------------- General styles start ---------------------*/
@media (max-width: 640px) {
    body {
        margin: 0px;
        background: #fff;

        font: 16px 'Arial', 'Tahoma';
        color: #000000;
        text-align: center;
    }

    td, input, select {

    }

    body a {
        color: #000000;
        text-decoration: underline;
    }

    body a:hover {
        text-decoration: underline;
    }

    * {}

    img {border: 0px;}

    /*--------------------- General styles end ---------------------*/

    #wrapper {
        width: 100%;
        margin: auto;
        padding-top: 20px;
    }

    .nameSite {
        width: 90%;
        margin: auto;
    }

    .logo img {
        width: 50%;
    }

    .logo {
        width: 90%;
        margin: auto;
    }

    .phone {
        width: 90%;
        margin: auto;
    }

	.phone table tr {
		height: 40px;
	}

    .taxiName {
        font-size: 35pt;
        letter-spacing: 0px;
        font-family: Arial;
        font-style: italic;
        font-weight: bold;
    }

    .taxiName2 {
        font-size: 25pt;
        letter-spacing: 0px;
        font-family: Arial;
		color: #535353;
    }

    .taxiName3 {
        font-size: 12pt;
        letter-spacing: 0px;
        font-family: Arial;
        font-style: italic;
		color: #535353;
    }

    .call {
        font-size: 18pt;
        font-weight: bold;
        display: block;
    }

    a.phoneName {
        color: rgb(30, 144, 255);
        font-family: 'Trebuchet MS';
        letter-spacing: 0px;
        font-size: 18pt;
        text-decoration: none;
        display: block;
    }

    .time {
        font-family: 'Lucida Sans';
        font-size: 12pt;
        display:block;
    }

    nav {
        background: url('../img/mgmenu.png') no-repeat;
        width: 100%;
        height: 45px;
        margin-top: 20px;
    }

    nav ul li {
        display: inline-block;
        height: 35px;
        border-radius: 10px;
        margin-top: 5px;
        padding: 0px 10px 0px 10px;
    }

    li {
        display: list-item;
    }

    ul {
        padding: 0px;
        list-style-type:none;
        text-align: center;
        line-height: 1.5em;
    }

    nav ul li a {
        font: 12px 'Tahoma Black';
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        height: 25px;

    }

    nav ul li:hover {
        background: #99958c;
        color:#fff;
    }

    .active {
        background: #99958c;
        color:#fff;
    }

    .requiredlist span {
        display:block;
    }
    
    .routesTb {
        font-size: 18px;
		border-collapse: collapse;
    }
    
    .routesTb td {
        vertical-align: top;
		border-style: dotted;
    	border-color: #0b062f;
    	border-width: 1px;
    }

	.tdRoutesPrice {
		text-align: right;
	}

    .otziv:last-child  hr:last-child {
        margin-bottom: 10px;
    }

    .justifyleft {
        text-align:left;
    }
    nav ul li a:hover {
        color:#fff;
        text-decoration: none;
    }
    
    .otzivblock {
        display: none;
    }

    .block {
        display: none;
    }

    aside {
        display: none;
    }

    p.bl {
        margin-top: 30px;
        margin-bottom: 5px;
        color: rgb(59, 84, 104);
        text-transform: uppercase;
        font-weight: bold;
    }

    p.moreInfo {
        margin-top: 5px;
        font-size: 14px;
    }

    main {
        width: 95%;
        margin: auto;
    }

    .blockBonus img {
        width: 25%;
    }

    main h1 {
        color: #0099ff;
    }

    .bottomborder {
        background: url('../img/bbot.png') no-repeat;
        display: block;
        height: 16px;
    }

    .blocktitle {
        display: block;
        background: rgb(8, 159, 255);
        padding-top: 10px;
        text-align: left;
        padding-left: 10px;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        border-radius: 5px 5px 0px 0px;
    }

    .otziv {
        background:#e5e5e5;
        border-left: 1px solid #CBCBCB;
        border-right: 1px solid #CBCBCB;
    }

    .otziv:last-child {
        border-radius: 0px 0px 5px 5px;
        border-bottom: 1px solid #CBCBCB;
    }

    .otziv p {
        font-family: Arial;
        font-size: small;
        margin-bottom: 10px;
        text-align: justify;
        padding: 0px 10px 0px 10px;
    }

    hr {
        width: 90%;
        margin: auto;
    }

    .social {
        margin-top: 30px;
    }

    h3 {
        color: #0099ff;
        font-size: 30px;
        margin-top: 40px;
    }

    .blockBonus {
        clear: left;
        width: 95%;
        margin: auto;
        text-align: left;
    }

    .blockBonus h3 {
        color: red;
        text-decoration: underline;
        font-size: 24px;
    }

    .blockBonus img {
        float: left;
        margin-right: 15px;
    }

    .blockBonus p {
        font-size: 14pt;
    }

    label {
        font-size: 14pt;
        color: rgb(105, 105, 105);
    }

    .red {
        color:red;
    }

    .gray {
        color: rgb(105, 105, 105);
        font-size: 14px!important;
    }

    .sz {
        width: 110px;
        float: left;
    }

    input[type=submit] {
        background: url(../img/send.jpg) no-repeat;
        width: 126px;
        height: 46px;
        border: none;
        outline: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        font: 10px 'Calibri', 'Arial', 'Tahoma';
        color: #ffffff;
        text-transform: uppercase;
        cursor: pointer;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-top: 2px;
    }



    input[type=reset]:hover, input[type=button]:hover {
        background-position: 0px -18px;
    }

    input[type=reset]:active, input[type=button]:active {
        background-position: 0px -36px;
    }

    input[type=text], input[type=password] {
        background: #ffffff;
        border: 1px solid #abadb3;
        padding: 2px 2px;
    }

    input[type=text]:hover, input[type=password]:hover {
        background: #ddebe6;
    }

    textarea {
        background: #ffffff;
        border: 1px solid #abadb3;
        padding: 2px 2px;
    }

    textarea:hover {
        background: #ddebe6;
    }

    #mchatBtn, input.codeButtons, input.button {
        padding-left: 0px;
        padding-right: 0px;
        text-transform: none;
    }

    textarea.commFl {
        width: 100%;
    }

    .commTable {
        background: #e5e5e5;
        border: 1px solid #cdcdcd;
        padding: 10px;
        border-radius: 5px;
        -moz-border-radius: 5px;
    }

    p.num {
        font-family: 'Lucida Sans';
        font-size: 18pt;
    }

    .widget {
        width: 1000px;
        margin: auto;
    }

    #vk_groups {
        margin: auto;
    }

    .phone .cme-btn {
        width: 160px;
        height: 30px;
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        margin-top: 10px;
        cursor: pointer;
    }

    footer {
        clear: left;
        width: 100%;
        border-top: 1px solid #c6c6c6;
        background: #e1e1e1;
        padding-top: 5px;
        margin: auto;
        margin-top: 30px;
    }

    .copy, .mail {
        display: block;
        margin-bottom: 15px;
    }
    
    .leftF {
        width: 100%;
        margin: auto;
    }
    
        .rightF {
        width: 100%;
        margin: auto;
    }
    
    .contacts {
        font-size: 17px;
    }
}