@charset "utf-8";

/* responsive */
@media(max-width:1200px){
.modal-content{width:40%;}
.hovereffect h2{font-size:14px;}
.hovereffect .overlay {padding: 20px 10px;}
.hovereffect p{font-size:13px;}
.hovereffect h3 {margin-bottom: 16px;}	
}

@media (min-width:992px) and (max-width:1199px){
    .container{
        width:100%
    }
    .memimg1 img,.memimg2 img{
        max-width:100%;
        width:28%
    }
}
@media(max-width:992px){
.modal-content{width:50%;}
.hovereffect{margin-bottom:30px;}
}
@media (max-width:767px){
    .navbar-default .navbar-nav.tripbeam-nav li.active a,.navbar-default .navbar-nav.tripbeam-nav li>a:hover{
        background:#fa841c;
        color:#fff
    }
    .container{
        width:100%
    }
    .group10{
        margin-bottom:20px!important
    }
    .submitbutton{
        margin-top:20px
    }
    .wrapper{
        margin:0 auto;
        width:100%!important;
        padding:17px!important
    }
    .callus{
        float:right;
        margin-right:56px;
        margin-top:40px;
        width:88%;
        margin-bottom:20px
    }
    ..carousel-inner>.item>a>img,.carousel-inner>.item>img,.thumbnail12 img{
        width:100%
    }
    .newpadding12{
        padding:0!important
    }
    .menu,.slidersec,.trust-piliot{
        padding:0
    }
    .box1{
        margin-bottom:0;
        margin-left:0
    }
    .menu{
        float:none
    }
    .input-area button,.input-area input,.input-area select{
        min-height:45px
    }
    .navbar-default .navbar-nav>li>a{
        text-align:left
    }
    .navbar-default .navbar-nav.tripbeam-nav li{
        margin:0;
        padding:0
    }
    .wrapper_form,.wrapper_form1{
        margin:0 auto;
        width:100%
    }
    .headericons{
        display:none!important
    }
    .wrapper_form1{
        display:block
    }
    .inlinequery{
        display:inline-block;
        width:100%
    }
    .submit{
        width:90%
    }
    .mainbody{
        width:100%
    }
    .animatedtext h2{
        font-size:3em
    }
    .animatedtext h5{
        font-size:2.6em
    }
    .price{
        bottom:42%
    }
    .trust-heading h2{
        font-size:4em
    }
    .trust-heading p{
        font-size:2.5em
    }
    .advice h2{
        font-size:41px;
        margin:16px 0
    }
    .advice h2::after{
        top:98px
    }
    .text-decoration1{
        display:none
    }
    .caraspolheight{
        min-height:300px
    }
    .carouselhome h2{
        font-size:18px
    }
    .carouselhome{
        top:1%
    }
    .mmd{
        margin-top:8%
    }
    .trust-heading{
        margin-bottom:10%
    }
    .header-right{
        float:left;
        padding:19px 5px 0;
        text-align:center;
        width:100%
    }
    .header-discount-col span{
        color:#fa841c;
        font-family:proxima_novasemibold;
        font-size:68px
    }
    .header-discount-col{
        font-family:proxima_nova_rgregular;
        font-size:28px
    }
    .header-customer-support{
        color:#333;
        font-family:proxima_novasemibold;
        font-size:30px;
        text-transform:uppercase
    }
    .header{
        display:block
    }
    .box1 {
		display: inline-block;
		margin: 0px 0 0;
		right: 10px;
		width: auto;
		float: none;
	}
    .logo,.menu,.nav.navbar-nav.tripbeam-nav{
        position:relative;
        z-index:9
    }
    .box1>a>span{
        font-size:17px !important;
        font-weight:bolder;
        margin:0;
        padding:0 10px 0 5px;
        text-align:left
    }
    .box1 img{
        border-right:1px solid #fff;
        margin-right:0;
        max-width:29px;
        padding:6px 3px
    }
    .logo{
        clear:both;
        float:left;
        margin:0;
        max-width:133px;
        padding:0 0 0 10px;
        width:100%
    }
    .navbar-default .navbar-nav.tripbeam-nav li{
        margin-bottom:0
    }
    .navbar-default .navbar-nav>li>a{
        border:none;
        padding:7px 17px!important
    }
    .tripbeam-nav{
        background:#fff
    }
	.advice img {
		display: none;
	}
	.box h2 {
	font-size: 30px;
	}
	.box {
	width: 280px;
	margin: 0 auto;
	}
	.box h4 {
	font-size: 22px;
	margin-top: 12px;
	}
}


@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
	.box1>a>span {
    font-size: 14px !important;
    padding: 0;
}
.logo img {
    width: 160px;
    max-width: initial;
}
.call-top {
    margin-top: 5px;
}
	}

@media only screen and (min-width:320px) and (max-width:400px){
    .menu,.slidersec,.trust-piliot{
        padding:0
    }
    .container{
        width:100%
    }
    .wrapper{
        margin:0 auto;
        width:90%
    }
    .menu{
        float:none
    }
    .navbar-default .navbar-nav>li>a{
        text-align:left
    }
    .navbar-default .navbar-nav.tripbeam-nav li.active a,.navbar-default .navbar-nav.tripbeam-nav li>a:hover{
        background:#fa841c;
        color:#fff
    }
    .headericons{
        bottom:18px;
        height:11px;
        left:-13px;
        position:absolute;
        width:12px
    }
    .wrapper_form{
        margin:0 auto;
        width:100%
    }
    .submit{
        width:90%
    }
    .mainbody{
        width:100%
    }
    .animatedtext h1,.animatedtext h2{
        font-size:2em
    }
    .animatedtext h5{
        font-size:2.6em
    }
    .price{
        bottom:45%
    }
    .trust-heading h2{
        font-size:4em
    }
    .trust-heading p{
        font-size:2.5em
    }
    .trust-heading h2::after{
        top:15%
    }
    .advice h2{
        font-size:41px;
        margin:16px 0
    }
    .advice h2::after{
        top:98px
    }
    .text-decoration1{
        display:none
    }
    .caraspolheight{
        min-height:300px
    }
    .carouselhome h2{
        font-size:18px
    }
    .carouselhome{
        top:1%
    }
    .mmd{
        margin-top:8%
    }
    .trust-heading{
        margin-bottom:65px
    }
    .callus{
        float:right;
        margin-right:56px;
        margin-top:40px;
        width:88%;
        margin-bottom:20px
    }
    .squarediv2,.squarediv3{
        width:100%
    }
    .header-customer-support{
        color:#333;
        font-family:proxima_novasemibold;
        font-size:23px;
        text-transform:uppercase
    }
    .header-discount-col span{
        color:#fa841c;
        font-family:proxima_novasemibold;
        font-size:34px
    }
    .flightheading1 h2::after{
        top:57px
    }
    .flightheading1 h2{
        font-size:18px
    }
    .squarediv2 span,.squarediv3 span{
        color:#fff;
        font-size:15px;
        font-weight:700;
        margin-left:10px
    }
    .info{
        padding:15px 35px
    }
    .shuffle-me h3{
        margin:0
    }
}
@media only screen and (min-width:401px) and (max-width:479px){
    .menu,.slidersec,.trust-piliot{
        padding:0
    }
    .navbar-default .navbar-nav>li>a,.squarediv2{
        text-align:left
    }
    .container{
        width:100%
    }
    .wrapper{
        margin:0 auto;
        width:90%
    }
    .menu{
        float:none
    }
    .navbar-default .navbar-toggle{
        margin-top:28px
    }
    .navbar-default .navbar-nav.tripbeam-nav li.active a,.navbar-default .navbar-nav.tripbeam-nav li>a:hover{
        background:#fa841c;
        color:#fff
    }
    .headericons{
        bottom:18px;
        height:11px;
        left:-13px;
        position:absolute;
        width:12px
    }
    .wrapper_form{
        margin:0 auto;
        width:100%
    }
    .submit{
        width:90%
    }
    .mainbody{
        width:100%
    }
    .animatedtext h2{
        font-size:2em
    }
    .animatedtext h5{
        font-size:2.6em
    }
    .animatedtext2 h6::after{
        bottom:100px
    }
    .price{
        bottom:37%
    }
    .trust-heading h2{
        font-size:3em
    }
    .trust-heading p{
        font-size:2.5em
    }
 
    .advice h2{
        font-size:41px;
        margin:16px 0
    }
    .advice h2::after{
        top:98px
    }
    .text-decoration1{
        display:none
    }
    .caraspolheight{
        min-height:300px
    }
    .carouselhome h2{
        font-size:18px
    }
    .squarediv2 span,.squarediv3 span{
        color:#fff;
        font-size:25px;
        font-weight:700;
        margin-left:10px
    }
    .carouselhome{
        top:1%
    }
    .mmd{
        margin-top:8%
    }
    .trust-heading{
        margin-bottom:65px
    }
    .callus{
        float:right;
        margin-right:74px;
        margin-top:40px;
        width:88%
    }
    .squarediv3{
        width:100%
    }
    .info{
        padding:15px 35px
    }
    .squarediv2{
        width:100%
    }
    .shuffle-me h3{
        margin:0
    }
}
@media screen and (min-width:479px) and (max-width:480px){
    .menu,.slidersec,.trust-piliot{
        padding:0
    }
    .box1,.text-decoration1{
        display:none
    }
    .container{
        width:100%
    }
    .wrapper{
        margin:0 auto;
        width:90%
    }
    .menu{
        float:none
    }
    .navbar-default .navbar-nav.tripbeam-nav li{
        margin-bottom:10px
    }
    .navbar-default .navbar-nav>li>a{
        text-align:left
    }
    .navbar-default .navbar-nav.tripbeam-nav li.active a,.navbar-default .navbar-nav.tripbeam-nav li>a:hover{
        background:#fa841c;
        color:#fff
    }
    .headericons{
        bottom:18px;
        height:11px;
        left:-13px;
        position:absolute;
        width:12px
    }
    .wrapper_form{
        margin:0 auto;
        width:100%
    }
    .submit{
        width:90%
    }
    .mainbody,.squarediv2,.squarediv3{
        width:100%
    }
    .animatedtext h2{
        font-size:5em
    }
    .animatedtext h5{
        font-size:2.6em
    }
    .animatedtext2 h6::after{
        top:108px
    }
    .price{
        bottom:45%
    }
    .trust-heading h2{
        font-size:4em
    }
    .trust-heading p{
        font-size:2.5em
    }
    .trust-heading h2::after{
        top:12%
    }
    .advice h2{
        font-size:41px;
        margin:16px 0
    }
    .advice h2::after{
        top:98px
    }
    .caraspolheight{
        min-height:300px
    }
    .carouselhome h2{
        font-size:18px
    }
    .carouselhome{
        top:1%
    }
    .mmd{
        margin-top:8%
    }
    .header{
        display:block
    }
    .header-customer-support{
        color:#333;
        font-family:proxima_novasemibold;
        font-size:23px;
        text-transform:uppercase
    }
    .header-discount-col span{
        color:#fa841c;
        font-family:proxima_novasemibold;
        font-size:34px
    }
    .squarediv2 span,.squarediv3 span{
        color:#fff;
        font-size:15px;
        font-weight:700;
        margin-left:10px
    }
    .info{
        padding:15px 35px
    }
    .shuffle-me h3{
        margin:0
    }
}
@media screen and (min-width:568px) and (max-width:640px){
    .menu,.slidersec,.trust-piliot{
        padding:0
    }
    .container{
        width:100%
    }
    .wrapper{
        margin:0 auto;
        width:90%
    }
    .box1{
        margin-bottom:5px;
        margin-left:0;
        margin-top:6px;
        width:auto
    }
    .menu{
        float:none
    }
    .navbar-default .navbar-toggle{
        margin-top:28px
    }
    .navbar-default .navbar-nav.tripbeam-nav li{
        margin-bottom:10px
    }
    .navbar-default .navbar-nav>li>a{
        text-align:left
    }
    .navbar-default .navbar-nav.tripbeam-nav li.active a,.navbar-default .navbar-nav.tripbeam-nav li>a:hover{
        background:#fa841c;
        color:#fff
    }
    .headericons{
        bottom:18px;
        height:11px;
        left:-13px;
        position:absolute;
        width:12px
    }
    .wrapper_form{
        margin:0 auto;
        width:100%
    }
    .submit{
        width:90%
    }
    .mainbody{
        width:100%
    }
    .animatedtext h2{
        font-size:5em
    }
    .animatedtext h5{
        font-size:2.6em
    }
    .animatedtext2 h6::after{
        bottom:100px
    }
    .price{
        bottom:27%;
        left:43%
    }
    .trust-heading h2{
        font-size:4em
    }
    .trust-heading p{
        font-size:2.5em
    }
    .trust-heading h2::after{
        top:16%
    }
    .advice h2{
        font-size:41px;
        margin:16px 0
    }
    .advice h2::after{
        top:98px
    }
    .text-decoration1{
        display:none
    }
    .caraspolheight{
        min-height:300px
    }
    .carouselhome h2{
        font-size:18px
    }
    .squarediv2 span,.squarediv3 span{
        color:#fff;
        font-size:15px;
        font-weight:700;
        margin-left:10px
    }
    .carouselhome{
        top:1%
    }
    .mmd{
        margin-top:8%
    }
    .trust-heading{
        margin-bottom:65px
    }
    .callus{
        float:right;
        margin-right:74px;
        margin-top:40px;
        width:88%
    }
    .squarediv2,.squarediv3{
        width:100%
    }
    .info{
        padding:15px 35px
    }
    .shuffle-me h3{
        margin:0
    }
}
@media screen and (min-width:479px) and (max-width:567px){
    .menu,.slidersec,.trust-piliot{
        padding:0
    }
    .navbar-default .navbar-nav>li>a,.squarediv2{
        text-align:left
    }
    .container{
        width:100%
    }
    .wrapper{
        margin:0 auto;
        width:90%
    }
    .menu{
        float:none
    }
    .navbar-default .navbar-nav.tripbeam-nav li.active a,.navbar-default .navbar-nav.tripbeam-nav li>a:hover{
        background:#fa841c;
        color:#fff
    }
    .headericons{
        bottom:18px;
        height:11px;
        left:-13px;
        position:absolute;
        width:12px
    }
    .wrapper_form{
        margin:0 auto;
        width:100%
    }
    .submit{
        width:90%
    }
    .mainbody,.squarediv3{
        width:100%
    }
    .animatedtext h2{
        font-size:2em
    }
    .animatedtext h5{
        font-size:2.6em
    }
    .animatedtext2 h6::after{
        bottom:100px
    }
    .price{
        bottom:34%
    }
    .trust-heading h2{
        font-size:4em
    }
    .trust-heading p{
        font-size:2.5em
    }
    .trust-heading h2::after{
        top:15%
    }
    .advice h2{
        font-size:41px;
        margin:16px 0
    }
    .advice h2::after{
        top:98px
    }
    .text-decoration1{
        display:none
    }
    .caraspolheight{
        min-height:300px
    }
    .carouselhome h2{
        font-size:18px
    }
    .squarediv2 span,.squarediv3 span{
        color:#fff;
        font-size:30px;
        font-weight:700;
        margin-left:10px
    }
    .carouselhome{
        top:1%
    }
    .mmd{
        margin-top:8%
    }
    .trust-heading{
        margin-bottom:10%
    }
    .info{
        padding:15px 35px
    }
    .squarediv2{
        width:100%
    }
    .shuffle-me h3{
        margin:0
    }
}
@media screen and (min-width:767px) and (max-width:768px){
    .wrapper_form{
        width:100%
    }
    .price{
        background:#f9f9f9;
        bottom:50%;
        height:86px;
        left:27%;
        position:absolute;
        text-align:center;
        top:17%;
        width:100px
    }
    .navbar-default .navbar-nav.tripbeam-nav li a{
        font-size:13px
    }
    .trust-heading p{
        font-size:54px
    }
    .trust-heading h2::after{
        top:18%
    }
    .memimg1 img,.memimg2 img{
        max-width:100%;
        width:28%
    }
    .thumbnail12 img{
        width:100%
    }
    .heading_form span{
        color:#fff;
        font-size:30px
    }
    .header-right2{
        display:block;
        float:left;
        padding:19px 5px 0
    }
    .header-customer-support{
        color:#333;
        font-family:proxima_novasemibold;
        font-size:20px;
        text-transform:uppercase
    }
    .header-discount-col{
        font-family:proxima_nova_rgregular;
        font-size:23px
    }
    .box10{
        background:#f60;
        border-radius:30px;
        display:inline;
        float:left;
        margin-top:20px;
        padding:12px;
        width:33%
    }
    .checkbutton{
        font-size:.9em!important
    }
    .squarediv2 span,.squarediv3 span{
        color:#fff;
        font-size:18px;
        font-weight:700;
        margin-left:10px
    }
    .squarediv3{
        width:100%
    }
    .info{
        padding:15px 35px
    }
    .squarediv2{
        width:100%;
        text-align:left
    }
    .shuffle-me h3{
        margin:0
    }
    .input-area .group11 label{
        color:#979da7;
        font-size:11px;
        left:10px;
        letter-spacing:normal;
        position:absolute;
        top:9px
    }
}
@media screen and (min-width:800px) and (max-width:980px){
    .wrapper_form{
        width:100%
    }
    .price{
        background:#f9f9f9;
        bottom:50%;
        height:86px;
        left:29%;
        position:absolute;
        text-align:center;
        top:12%;
        width:100px
    }
    .input-area .group11 label{
        color:#979da7;
        font-size:11px;
        left:10px;
        letter-spacing:normal;
        position:absolute;
        top:9px
    }
    .newpadding{
        padding:4px!important
    }
    .group10{
        margin-bottom:10px
    }
    .navbar-default .navbar-nav.tripbeam-nav li a{
        font-size:17px
    }
    .trust-heading p{
        font-size:54px
    }
    .trust-heading h2::after{
        top:18%
    }
    .memimg1 img,.memimg2 img{
        max-width:100%;
        width:28%
    }
    .thumbnail12 img{
        width:100%
    }
    .header-right2{
        display:block;
        float:left;
        padding:19px 5px 0
    }
    .header-customer-support{
        color:#333;
        font-family:proxima_novasemibold;
        font-size:22px;
        text-transform:uppercase
    }
    .header-discount-col{
        font-family:proxima_nova_rgregular;
        font-size:27px
    }
    .squarediv2 span,.squarediv3 span{
        color:#fff;
        font-size:18px;
        font-weight:700;
        margin-left:10px
    }
    .box10{
        background:#f60;
        border-radius:30px;
        display:inline;
        float:left;
        margin-top:20px;
        padding:12px;
        width:33%
    }
    .squarediv3{
        width:100%
    }
    .info{
        padding:15px 35px
    }
    .squarediv2{
        width:100%;
        text-align:left
    }
    .shuffle-me h3{
        margin:0
    }
    .checkbutton{
        font-size:.9em!important
    }
}
@media screen and (min-width:1000px) and (max-width:1080px){
    .price{
        top:21%
    }
    .wrapper_form{
        width:100%
    }
    .memimg1 img,.memimg2 img{
        max-width:100%;
        width:28%
    }
    .trust-heading h2::after{
        top:19%
    }
    .header-right2{
        display:block;
        float:left;
        padding:19px 5px 0;
        text-align:center;
        width:52%
    }
    .header-customer-support{
        color:#333;
        font-family:proxima_novasemibold;
        font-size:40px;
        text-transform:uppercase
    }
    .header-discount-col{
        font-family:proxima_nova_rgregular;
        font-size:28px
    }
    .box10{
        background:#f60;
        border-radius:30px;
        display:inline;
        float:left;
        margin-top:20px;
        padding:12px;
        width:26%
    }
    .checkbutton{
        background-attachment:scroll;
        background-clip:border-box;
        background-color:#7fb80e!important;
        background-origin:padding-box;
        background-position:0 0;
        background-repeat:repeat;
        background-size:auto auto;
        color:#fff!important;
        display:inline-block;
        font-size:.9em!important;
        font-weight:bolder!important;
        padding:10px 0!important;
        width:100%
    }
}
@media screen and (max-width:1800px){
    .mainbody,.wrapper,.wrapper_form{
        width:100%
    }
    .mainbody{
        overflow:hidden
    }
    .header{
        display:block
    }
}
@media screen and (max-width:1100px){
    .header{
        display:block
    }
}
@media screen and (min-width:1100px) and (max-width:1280px){
    .box1>h2,.navbar-default .navbar-nav.tripbeam-nav li a{
        font-size:14px
    }
    .box1>h2{
        color:#fff;
        margin:0;
        padding:13px 39px;
        text-align:center
    }
    .header-right{
        float:left;
        padding:19px 5px 0
    }
    .header-customer-support{
        color:#333;
        font-family:proxima_novasemibold;
        font-size:13px;
        text-transform:uppercase
    }
    .header-discount-col{
        font-family:proxima_nova_rgregular;
        font-size:13px
    }
    .box1>span{
        color:#fff;
        font-size:18px;
        margin:0;
        padding:10px 16px 1px 3px;
        text-align:left
    }
}
@media screen and (max-width:768px){
    .checkbutton{
        font-size:.9em!important
    }
	.modal-content{width:70%;}
	.hovereffect h3 {margin-bottom: 12px;  font-size: 18px;}
	.hovereffect #myBtn {font-size: 13px;  padding: 6px 10px;}
}
@media(max-width:480px){
.modal-content{width:90%;}
.full{width:100%;}
.modal-body label {font-size: 13px;}
.modal-body input[type="text"], .modal-body select, .modal-body input[type="email"], .modal-body input[type="tel"]{font-size:12px; padding:8px;}
}
@media(max-width:359px){
    .box1 img{
        display:none
    }
   .box1 > a > span {
	 font-size: 14px !important;
	 font-weight: bolder;
	 margin: 0;
	 padding: 0 10px 0 5px;
	 text-align: left;
	}
}