/* Table of Contents

==================================================

    #Base 960 Grid

    #Tablet (Portrait)

    #Mobile (Portrait)

    #Mobile (Landscape)

    #Clearing */







/* #Base 960 Grid

================================================== */



.container                                  { width: 1250px; margin: 0 auto; padding: 0; }







/* #Additional - Large Screens beyond 1280px

================================================== */

/* Note: Design for a width of 1280px */

@media (min-width:1025px) and (max-width:1440px){



.container                                  { width: 1250px; }

#header .right_col							{ width: 55%; }
.pop-up-cnt h2								{ line-height:40px; }
.pop-up-cnt .form-group						{ margin-top: 10px; }
.pop-up-cnt label							{ width: 100%; }
.pop-up-cnt .form-control					{ width: 100%; margin-bottom: 0px; }
.pop-up-cnt .checkbox						{ padding: 10px 0px 10px 0px; }
.pop-up-cnt .btn-primary					{ margin-left: 0px; }
#boxes #dialog								{top: 50px !important; }
#boxes #dialog								{ width: 35%;}
.pop-up-cnt									{ height:470px; overflow:auto; }
#slider .bx-wrapper .bx-viewport 			{ height: 740px !important; }
}







/* #Additional - Large Screens beyond 1024px

================================================== */

/* Note: Design for a width of 1024px */

@media (min-width:769px) and (max-width:1024px){



.container													{ width: 960px; }

#header .logo												{ width: 200px; padding: 8px 0 0px 10px; }

#header .select-section										{ width: 150px; margin-left: 10px; }

#header .right_col											{ width: 61%; padding-right: 10px; }

.menu_box ul li												{ margin: 0 8px; }

.menu_box2													{ display:none; }

#slider .bx-wrapper .bx-viewport							{ height: 560px !important }

#slider .caption											{ padding: 0px 0px; top: 150px; }

#slider .caption h1											{ font-size:70px; line-height: normal; }

#slider .caption h2											{ font-size: 40px; line-height: normal; }

.popular-sec .thumbnail .caption h3							{ font-size:16px; }

.popular-sec .thumbnail .caption .rating					{ float:left; padding-top: 10px;  }

.why-book-sec .iconbox .caption p br						{ display:none; }

.testimonials-sec .cnt_box									{ padding:2% 10%; }

.testimonials-sec .bx-wrapper .bx-viewport					{ height:210px !important; }

#footer .col-1 .footer-logo	img								{ width:100%; }

#boxes #dialog												{ width: 50%; padding: 25px;  top: 100px !important; left: 270px !important; }

.pop-up-cnt .form-group										{ margin-top: 0px; }

.pop-up-cnt label											{ width: 100%;}

.pop-up-cnt .form-control									{ width: 100%;}

.pop-up-cnt .checkbox										{ padding: 10px 0px 10px 0px;}

.business-form .form-group label							{ width: 100%;}
.business-form textarea										{ width: 860px; }
.business-form .checkbox									{ padding-left:0px; }
.business-form .btn-primary									{ margin-left: 0px; }
}







/* #Tablet (Portrait)

================================================== */

/* Note: Design for a width of 768px */



@media only screen and (min-width: 768px) and (max-width: 959px) {



.container													{ width: 738px; }

.header-main .logo											{ padding-left:10px; }

.header-main .select-section								{ display:none; }

.header-main .right_col										{ width: auto; padding-right: 0px;}

.header-main .right_col .top-row							{ display:none; }

.menu_box													{ display:none; }

.menu_box2													{ display:inline-block; padding-right: 15px; }

.dl-menuwrapper												{ margin-top: 10px; width: 300px;  }

#dl-menu													{ display:inline-block; }

.dl-menuwrapper button:focus								{ box-shadow: none; }

.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after	{ line-height:40px;}								

#slider .bx-wrapper .bx-viewport							{ height: 416px !important }



#slider .caption											{ padding: 0px 0px; top: 150px; }

#slider .caption h1											{ font-size: 40px; line-height:normal; }

#slider .caption h2											{ font-size: 25px; line-height:normal; }

#slider .caption p											{ font-size: 20px; line-height:normal; }

.dream-sec h1												{ font-size: 30px; }

.how-it-work-sec h1											{ font-size: 30px; }

.how-it-work-sec .iconbox .caption							{ padding: 20px 0px; }

.popular-sec												{ padding-top:35px; padding-bottom:35px; }

.popular-sec h1												{ font-size: 30px; }

.why-book-sec												{ padding-top:35px; padding-bottom:35px; }

.why-book-sec h1											{ font-size: 30px; }

.why-book-sec .iconbox .caption								{ padding: 20px 0px; }

.why-book-sec .iconbox .caption p br						{ display:none; }

.testimonials-sec											{ padding-top:35px; }

.testimonials-sec h1 										{ font-size: 30px; }

.testimonials-sec .cnt_box									{ padding: 2% 0%; }

.testimonials-sec .cnt_box .right_cnt p						{ line-height:25px; }

.testimonials-sec .bx-wrapper .bx-viewport					{ height: 210px !important; }

#footer .col-1												{ width: 50%; padding-left: 0px; padding-right: 0px; }

#footer .col-2												{ width: 50%; padding-left: 0px; padding-right: 0px; }

#boxes #dialog												{ width: 60%; padding: 25px;  top: 20px !important; left: 140px !important; }

.pop-up-cnt .form-group										{ margin-top: 0px; }

.pop-up-cnt label											{ width: 100%;}

.pop-up-cnt .form-control									{ width: 100%;}

.pop-up-cnt .checkbox										{ padding: 10px 0px 10px 0px;}

.business-form .form-group label							{ width: 100%;}
.business-form .form-group input							{ width: 100%;}
.business-form .form-group select							{ width: 100%;}
.business-form textarea										{ width: 100%; }
.business-form .checkbox									{ padding-left:0px; }
.business-form .btn-primary									{ margin-left: 0px; }

.inr_page_cnt h1											{ font-size: 35px; }
.contact-form .form-group									{ width:100%; margin-top: 0px; }
.contact-form label											{ width:100%; }
.contact-form input											{ width:100%; }
.contact-form .btn-primary									{ margin-left:0px; }
.contact-form textarea										{ width:100%; }
.gallrybox													{ padding: 30px 0px 0px 0px; }
#quotes														{ padding-top:30px; padding-bottom:30px; }
#quotes .single-quote										{ font-size: 30px; }	
}







/*  #Mobile (Portrait)

================================================== */

/* Note: Design for a width of 320px */



@media only screen and (max-width: 767px) {



.container													{ width: auto; margin: 0 15px; }
#header .logo												{ width: 190px; padding-left:10px; }
#header .select-section										{ display:none; }
#header .right_col											{ width: auto; padding-right: 15px;}
#header .right_col .top-row									{ display:none; }
.menu_box													{ display:none; }
.menu_box2													{ display:inline-block; position: relative; }
.dl-menuwrapper												{ position: absolute; right: 0px; margin-top: 10px; width: 200px;  }
.dl-menuwrapper li a										{ padding:8px 10px; font-size:14px; }
#dl-menu													{ display:inline-block; margin-top: 0px; }
.dl-menuwrapper button:focus								{ box-shadow: none; }
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after	{ line-height:40px;}
#slider .caption											{ padding: 0px 0px; top: 175px; }
#slider .caption h1											{ font-size: 25px; line-height:normal; }
#slider .caption h2											{ font-size: 18px; line-height:normal; }
#slider .caption p											{ display:none; }
#slider .caption p.button                                   { display: block; }
#slider .caption a											{ padding: 10px 40px; }
#slider .bx-wrapper img                                     { max-width: 200%; display: block; width: auto; margin-left: -50%; }
#slider .bx-wrapper .bx-viewport							{ height: 400px !important }
#slider .caption .get-quote                                 { margin-left: 0; margin-top: 10px; }
#slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 20px; }
.dream-sec h1												{ font-size: 25px; }
.how-it-work-sec h1											{ font-size: 25px; }
.how-it-work-sec .iconbox .caption							{ padding: 20px 0px; }
.popular-sec												{ padding-top:35px; padding-bottom:35px; }
.popular-sec h1												{ font-size: 25px; }
.why-book-sec												{ padding-top:35px; padding-bottom:35px; }
.why-book-sec h1											{ font-size: 25px; }
.why-book-sec .iconbox .caption								{ padding: 20px 0px; }
.why-book-sec .iconbox .caption p br						{ display:none; }
.testimonials-sec											{ padding-top:35px; }
.testimonials-sec h1 										{ font-size: 25px; }
.testimonials-sec .cnt_box									{ padding: 2% 0%; text-align: center; }
.testimonials-sec .cnt_box .pic-thumb						{ float:none; display:inline-block; }
.testimonials-sec .cnt_box .right_cnt						{ float:left; width:100%; margin-top:20px; padding: 15px 19px; }
.testimonials-sec .cnt_box .right_cnt p						{ line-height:25px; }
.testimonials-sec .bx-wrapper .bx-viewport					{ height: 400px !important; }
#footer .col-1												{ width: 100%; padding-right: 0px; padding-left: 0px; }
#footer .col-2												{ width: 100%; padding-top:20px; padding-right: 0px; padding-left: 0px; }
#footer .vendors-menu ul li									{ width: 100%; }
#footer .social												{ padding-bottom:30px; }
.footer-btm .copy											{ width: 100%; text-align:center; }
.footer-btm .payment										{ float:none; display:inline-block; width: 100%; padding-top:20px;  text-align:center; }
.footer-btm .payment ul li									{ float:none; display:inline-block; }
#boxes #dialog												{ width: 90%; padding: 15px;  top: 20px !important; left: 15px !important; }
.pop-up-cnt													{ height:470px; overflow:auto; }
.pop-up-cnt h2												{ font-size:18px; line-height:25px; }
.pop-up-cnt .title-line										{ padding-bottom:0px; }
.pop-up-cnt .form-group										{ margin-top: 0px; }	
.pop-up-cnt label											{ width: 100%; padding-top: 0px;}
.pop-up-cnt label.blank										{ display:none;}
.pop-up-cnt .form-control									{ width: 100%; height: 40px; margin-bottom: 0px;}
.pop-up-cnt .checkbox										{ margin-bottom: 0px; padding: 5px 0px 5px 0px;}
.pop-up-cnt .btn-primary									{ margin-left:0px; padding: 15px 40px; }
.business-form .form-group label							{ width: 100%;}
.business-form .form-group input							{ width: 100%; }
.business-form .form-group select							{ width: 100%;}
.business-form textarea										{ width: 100%; }
.business-form .checkbox									{ padding-left:0px; }
.business-form .checkbox label								{ width: 100%; }	
.business-form .btn-primary									{ margin-left: 0px; }
#inner_banner .hdr_cont										{ padding:40px 0px; }
#inner_banner .hdr_cont h1									{ font-size: 30px; line-height:40px; }
.inr_page_cnt h1											{ font-size: 30px; line-height:40px; }
.alignright													{ float:left; margin: 0 10px 20px 10px}
.contact-form .form-group									{ width:100%; margin-top: 0px; }
.contact-form label											{ width:100%; }
.contact-form input											{ width:100%; }
.contact-form textarea										{ width:100%; }
.contact-form .btn-primary									{ margin-left:0px; }
/*------------------ Testimonial Page ------------*/
.quote-row													{ padding:30px 0px; }
#quotes .single-quote										{ width: 100%; font-size:30px; }	
}







/* #Mobile (Landscape)

================================================== */

/* Note: Design for a width of 480px */



@media only screen and (min-width: 480px) and (max-width: 767px) {



.container													{ width: 420px; margin: 0 auto; }







}



/* #Clearing

================================================== */



/* Self Clearing Goodness */

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }