/*==========  Desktop First Method  ==========*/

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .gallery ul li{
        width: 25%;
    }
    
    .gallery ul li.width {
        width: 25%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .header .social{
        margin-left: 10px;
    }
    
    .gallery ul li{
        width: 25%;
        height: 260px;
    }
    
    .gallery ul li.width {
        width: 25%;
    }
    
    .work{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .results ul li .col_1,
    .results ul li .col_3{
        width: 38%;
    }
    
    .results ul li .col_2{
        width: 19%;
    }
    
    .results ul li .left:before,
    .results ul li .right:before{
        display: none;
    }
    
    .slide-description{
        width: 100%;
        max-width: 780px;
    }
    
    .heroes .bx-controls{
        width: 100%;
        max-width: 797px;
    }
    
    .contacts ul li{
        width: 48%;
        margin-left: 0;
    }
    
    .reviews .col{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .reviews .col:last-child{
        float: none;
        
    }
    
    .choice .col{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .choice .col:last-child{
        float: none;
        margin-top: 30px;
    }
    
    .get ul li{
        width: 31%;
    }
    
    .partners ul li{
        margin-left: 40px;
    }
    
    #vmap{
        width: 100%!important;
        max-width: 980px;
    }
    
    .item_inner .right{
        width: 100%;
        float: none;
        margin-top: 25px;
    }
    
    .item_inner{
        margin-top: 35px;
    }
}

@media only screen and (max-width : 884px){
    .burger{
        display: inline-block;
    }
    
    .header .nav{
        width: 100%;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
    }
    
    .header .nav > li{
        display: block;
        list-style: none;
    }
    
    .header .nav > li a{
        display: inline-block;
	color: #000;
    }
    
    .header .bottom{
        padding-top: 12px;
    }
    
    .partners ul li{
        margin-left: 5px;
    }
    
    .partners ul li{
        width: 100%;
        margin-left: 0;
        margin-bottom: 35px;
    }
    
    .doing .left,
    .doing .right{
        width: 42%;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .intro .inner {
        padding-top: 200px;
        padding-bottom: 55px;
    }
    
    .intro h1{
        font-size: 36px;
        margin-bottom: 35px;
    }
    
    .who h2,
    .heroes h2{
        font-size: 34px;
    }
    
    .who .inner{
        padding-top: 45px;
    }
    
    .who ul li{
        padding-left: 39px;
    }
    
    .what .inner {
        padding-top: 60px;
        padding-bottom: 85px;
    }
    
    .results h2{
        font-size: 34px;
    }
    
    .results .inner{
        padding-top: 45px;
        padding-bottom: 60px;
    }
    
    .results ul li h3{
        font-size: 24px;
    }
    
    .results ul li .col > span{
        font-size: 26px;
    }
    
    .heroes{
        padding-top: 35px;
    }
    
    .slide-description{
        padding-left: 60px;
        padding-right: 60px;
        height: auto;
        padding-bottom: 35px;
    }
    
    .bx-wrapper .bx-next{
        right: 0px;
    }
    
    .bx-wrapper .bx-prev{
        left: 0px;
    }
    
    .slide-description{
        left: 0px;
    }
    
    .slide-description:before{
        left: 50%;
        margin-left: -17.5px;
    }
    
    .skills h2{
        margin-bottom: 30px;
        font-size: 34px;
    }
    
    .skills .inner > p{
        font-size: 22px;
        margin-bottom: 40px;
    }
    
    .location h2{
        font-size: 34px;
    }
    
    .location h2 br{
        display: none;
    }
    
    .action p{
        font-size: 28px;
    }
    
    .action ul li,
    .action ul li:last-child{
        width: 100%;
        max-width: 320px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .action_2 .btn{
        width: 100%;
    }

	.action_2 .inner{
		padding-bottom: 105px;
	}
    .action ul{
        padding: 0;
        margin: 0;
        text-align: center;
    }
    
    .choice h2{
        font-size: 34px;
        margin-bottom: 45px;
    }
    
    .choice .inner{
        padding-top: 40px;
        padding-bottom: 90px;
    }
    
    .get h2{
        font-size: 34px;
    }
    
    .get ul li{
        width: 100%;
        max-width: 320px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    
    .get ul li:first-child{
        margin-left: auto;
        margin-right: auto;
    }
    
    .gallery ul li{
        width: 50%;
        height: 260px;
    }
    
    .gallery ul li.width {
        width: 50%;
    }
    
    .partners h2{
        font-size: 34px;
    }
    
    .partners .inner{
        padding-top: 35px;
        padding-bottom: 55px;
    }
    
    .partners ul li img{
        max-width: 100%;
    }
    
    .location h2{
        font-size: 34px;
    }
    
    .location .inner{
        padding-top: 35px;
    }
    
    .cups-top-bg h2{
        font-size: 50px;
        padding-top: 60px;
    }
    
    .cups-top-bg{
		padding:20px 0;
    }
    
    .content h1{
        font-size: 34px;
    }
    
}

@media only screen and (max-width : 767px){
    .contacts ul li{
        width: 100%;
    }
    
    .contacts ul li:first-child{
        margin-bottom: 30px;
    }
    
    .contacts .inner {
        padding-top: 44px;
        padding-bottom: 60px;
    }
    
    .social_main ul li{
        width: 49%;
        margin-bottom: 20px;
    }
    
    .popup{
        width: 100%;
        max-width: 500px;
    }
    
    .reviews h2{
        font-size: 34px;
    }
    
    .footer .inner{
        text-align: center;
    }
    
    .footer p{
        width: 100%;
    }
    
    .footer a{
        width: 100%;
        float: none;
    }
    
    .bs-callout-info span{
        padding-right: 28px;
    }
    
    .content > .inner{
        padding-top: 30px;
        padding-bottom: 25px;
    }
    
    .account .btn_bottom{
        width: 100%;
        margin-top: 8px;
        display: inline-block;
        
    }
    
    .bs-callout-info{
        padding-bottom: 15px;
    }
    
    .content h2{
        font-size: 26px;
    }
    
    .btn_bottom.icon_1:before,
    .btn_bottom.icon_2:before,
    .btn_bottom.icon_3:before{
        top: 0px;
    }
    
    .account > .inner,
    .profile > .inner{
        padding-left: 0;
        padding-right: 0;
    }
    
    .content .photo_left,
    .content .photo_right{
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    
    .content .photo{
        max-width: 100%;
    }
    
    .board{
        padding-bottom: 30px;
    }
    
    .content h3{
        font-size: 22px;
    }
    
    .scale{
        display: none;
    }
    
    .doing .left, .doing .right{
        width: 100%;
        display: block;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    
    .col_left{
        width: 100%;
        max-width: 410px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .col_right{
        width: 100%;
        max-width: 410px;
        float: none;
        
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .btn_save{
        margin-top: 40px!important;
    }
    
    .pass{
        width: 95%;
        margin-left: 15px;
    }
    
    .panel  .select2-container{
        width: 168px!important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .header .logo img{
        width: 76px
    }
    
    .header .inner{
        padding-bottom: 15px;
    }
    
    .intro h1 {
        font-size: 24px;
    }
    
    .intro p{
        font-size: 26px;
    }
    
    .intro p .around{
        display: block;
    }
    
    .intro p .around:before{
        left: -21px;
    }
    
    .intro p br{
        display: none;
    }
    
    .who ul li{
        font-size: 22px;
    }
    
    .who h2 {
        font-size: 28px;
    }
    
    .what h2{
        font-size: 28px;
        margin-bottom: 35px;
    }
    
    .results h2{
        font-size: 28px;
        margin-bottom: 50px;
    }
    
    .slide-description{
        padding-left: 50px;
        padding-right: 50px;
    }
    
    .slider{
        margin-left: 21%;
    }
    
    .skills h3{
        font-size: 24px;
        overflow: hidden;
    }
    
    .skills ul li,
    .skills ul li:first-child{
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .skills ul:last-child li{
        margin-bottom: 60px;
    }
    
    .skills .inner{
        padding-top: 50px;
        padding-bottom: 30px;
    }
    
    .skills h2{
        font-size: 24px;
    }
    
    .action p{
        font-size: 24px;
    }
    
    .action p br{
        display: none;
    }
    
    .qeus h2{
        font-size: 27px;
        margin-bottom: 26px;
    }
    
    .qeus .inner{
        padding-top: 46px;
    }
    
    .contacts ul li a{
        font-size: 19px;
    }
    
    .social_main ul li{
        width: 100%;
    }
    
    .action ul li,
    .action ul li:last-child{
        max-width: 290px;
    }
    
    .action_2 .inner{
        padding-bottom: 130px;
    }
    
    .popup{
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .popup h2{
        font-size: 24px;
        margin-bottom: 25px;
    }
    
    .popup .btn{
        margin-top: 14px;
    }
    
    .reviews h2{
        font-size: 26px;
    }
    
    .reviews .inner{
        padding-top: 45px;
        padding-bottom: 55px;
    }
    
    .reviews .col{
        width: 100%;
    }
    
    .reviews .item .top:before{
        display: none;
    }
    
    .reviews .item .bottom{
        
    }
    
    .reviews .item .bottom:before{
        display: none;
    }
    
    .reviews .item{
        margin-bottom: 40px;
    }
    
    .choice .col{
        width: 100%;
    }
    
    .choice .item .top span{
        font-size: 18px;
    }
    
    .custom{
        margin-right: 15px;
    }
    
    .choice .item .bottom .sale_left{
        width: 100%;
    }
    
    .choice .item .bottom .btn{
        width: 255px;
        margin-top: 30px!important;
    }
    
    .choice .item .top h3{
        font-size: 23px;
    }
    
    .choice .item .bottom{
        height: auto!important;
    }
    
    .choice .item .bottom .sale_right{
        width: 100%;
        margin-left: 0!important;
        margin-top: 10px;
    }
    
    .choice .inner{
        padding-bottom: 60px;
    }
    
    .choice h2{
        font-size: 28px;
    }
    
    .get h2{
        font-size: 28px;
    }
    
    .get .inner{
        padding-top: 35px;
        padding-bottom: 45px;
    }
    
    .gallery ul li{
        width: 100%;
        height: 260px;
    }
    
    .gallery ul li.width {
        width: 100%;
    }
    
    .gallery ul li img{
        width: 100%;
    }
    
    .location h2{
        font-size: 24px;
    }
    
    #vmap{
        height: 300px!important;
    }
    
    .breadcrums ul li{
        font-size: 12px;
    }
    
    .cups-top-bg {

    }
    
    .table_inner tbody tr td:nth-child(2){
        padding-left: 13px;
    }
    
    .doing .slider_inner_wrap h3{
        margin-top: 20px;
        font-size: 17px;
    }
    
    .content h1{
        font-size: 28px;
    }
    
    .fogot{
        font-size: 12px;
    }
    
    .news > div{
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    
    .panel  .select2-container{
        width: 90px!important;
    }
    
    .panel-heading #ratings-submit{
        margin-left: 6px;
    }
    
    #ratings-graph{
        height: 150px!important;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .intro h1 {
        font-size: 19px;
    }
    
    .slider {
        margin-left: 9%;
    }
    
    #vmap{
        height: 200px!important;
    }
    
    .table tbody tr th{
        font-size: 10px;
    }
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}