@media(max-width:1198px){
    .container{
        padding: 0 15px;
    }
    .review{
        max-height: 100%;
    }
} 
@media(max-width:991px){
    .container{
        width: 100%;
    }
    .box4 .container{
        padding: 0 25px;
    }
    .main .hand {
        bottom: -19px;
        right: 0;
        width: 42%;
    }
    .main p{
        font-size: 12px;
    }
    .header .navbar-default .navbar-nav > li > a {
        margin-left: 9px;
        padding: 25px 19px;
    }
}
@media(max-width:768px){

}
@media(max-width:767px){
    .noleft, .noright{
        padding: 0 !important;
    }
    .header .hamburger{
        display: block;
    }
    .header{
        padding: 10px 15px;
    }
    .header .navbar-brand{
        padding: 2px 0 0;
    }
    .main{
        text-align: center;
        background: #191d27;
        margin-top: 49px;
    }
    .mmargin{
        margin-top: 49px;
    }
    .main .hand{
        display: none;
    }
    .main p span{
        display: inline;
    }
    .main .container{
        padding: 0;
    }
    .main .noright{
        background: rgba(0, 0, 0, 0) url("../img/bg1.png") no-repeat scroll center center / cover ;
        padding: 15px !important;
        border-bottom: 2px solid rgba(46, 57, 70, 0.5);
    }
    .main .nopadding{
        padding: 15px !important;
        float: left;
        width: 100%;
        padding-bottom: 0 !important;
    }
    .box1 .calender{
        background: rgba(62,67,79,0.6);
    }
    .box2{
        padding: 18px 0;
    }
    .box2 .price{
        margin-top: 10px;
        text-align: center;
    }
    .box2 .price .noright{
        text-align: center;
    }
    .box2 .price p{
        text-align: right;
        padding-right: 10px;
    }
    .box2 .price .col-xs-6.nopadding{
        text-align: left;
        padding-left: 10px;
    }
    .box2 .price label{
        margin: 0 auto;
        display: block;
        float: unset;
    }
    .box2 .price .lastrow .noleft, .box2 .price .lastrow .noright{
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .box2 .price .noleft label{
        width: 121px;
    }
    .box2 .price .noright label{
        width: 290px;
    }
    .formobile{
        display: block;
    }
    .forwindow, .box1 .user h2 .flag, .box3, .footer .top .fimg .dot{
        display: none !important;
    }
    .box1 .user{
        text-align: center;
    }
    .box1 .user img{
        margin: 0 auto;
        display: block;
    }
    .box1 .user h2 span img {
        border-radius: 100%;
        height: 3px;
        right: 14%;
        top: 10px;
        width: 3px;
    }
    .box4 .slick-current .testi .border{
        display: none;
    }
    .box4 .testi{
        padding: 0;
    }
    .box4 .slick .slick-arrow{
        display: none !important;
    }
    .box5 img{
        margin: 20px auto;
    }
    .footer, .footer .bottom .noright{
        text-align: center;
    }
    .footer .bottom .noright{
        margin-top: 10px;
    }
    .footer .bottom .link{
        margin: 0 8px;
    }
    .footer .top .fimg{
        width: 20%;
    }
    .calender h1{
        text-align: left;
    }
    .main h2{
        margin: 15px 0;
    }
    .footer .bottom p em{
        display: block;
        margin-bottom: 9px;
    }
    .review1{
        padding: 20px 0;
    }
    .review, .review1, .review2{
        text-align: center;
    }
    .review img{
        margin: 0 auto;
    }
    .review2 .noleft p span{
        display: inline;
    }
    .review2 .name img, .review2 .name h1{
        float: unset;
    }
    .review2 .forrate .rating{
        margin: 0 auto;
        width: 136px;
        float: unset;
    }
    .form input, .form textarea, .form .service{
        margin-top: 15px;
    }
    .form .map{
        margin-top: 25px;
    }
    .form .map .inner{
        width: 95%;
    }
    .box2 .match table{
        display: none;
    }
	.box2 .match .latestmatch{
		display:block;
	}
    .cta-section{
    height: auto;
    }
    .calender{
        border-radius: 0px;
    }
}
@media(max-width:560px){
    .calender{
        padding: 15px 10px;
    }
    .main h2, .review h1{
        font-size: 20px;
    }
    .calender h1, .box1 .user h1, .review1 h2,.review2 h1{
        font-size: 16px;
    }
    p, .box5 p, .review2 .noright p{
        font-size: 13px;
    }
    .heading,.box5 h1, .help h1{
        font-size: 16px;
    }
    .footer .bottom .link, .review2 .name h1, .form .service h5, .form button, .help .tab h2{
        font-size: 14px;
    }
    .main .client li{
        width: 33.33%;
        height: 25px;
        padding: 0 5px;
    }
    .main .client li img{
        margin: 0 auto;
        display: block;
    }
    .box2 .price .noleft label, .box2 .price .noright label{
        width: 100%;
    }
    .box2 .price label span{
        margin: 0 7px;
    }
    .help .tab h2 span {
        float: left;
        margin-bottom: 29px;
    }
}
@media(max-width:414px){
    .box5 .formobile1{
        display: block;
        width: 100%;
    }
    .box5 .forwindow1{
        display: none;
    }
    .box2 .price .discount{
        padding: 2px 15px;
    }
    .help .tab h2 i{
        margin-top: -16px;
    }
    .form .map .inner {
        width: 90%;
    }
	.box2 .match .latestmatch button{
        padding: 12px 0;
    }
}
@media(max-width:320px){
    .box2 .price .noright label img{
        width:57%;
    }
}