/* Mobile Portrait View */
@media screen and (max-width: 479px){
*{box-sizing:border-box;}
.left, .right{ float:none;}
.container { width:auto; padding:0 10px;}
.headertopbar .headerinfo{ text-align:center; font-size:14px;}
#logo{ position:relative; top:0; width:200px; margin:0 auto; float:none;}
.nivo-caption{ display:none !important;}
.mobile_nav a{ margin-top:20px;}
#welcome_wrap .container{ width:auto;}
.photobooth .gallery ul li{ width:100%; float:none !important; display:block;}
.photobooth .gallery ul li img{ width:100%;}
.capcha{ width:100px !important;}
.menu_left{width:auto; float:none; }
.menu_right{ float:none; width:auto; }

#footer aside.widget{float:none; width:100% !important; border-right:none; padding-bottom:25px; padding-right:0; margin-right:0; min-height:inherit !important;}
.col_one_half, .col_one_third, .col_two_third, .col_one_fourth, .col_three_fourth, .col_one_fifth{float:none; margin-right:0; width:100%;}
.features_more ul{margin-left:0;}
.lead_text{width:100%;}
nav{display:none;}
.mobile_nav{width:100%;}
#sitemain{width:100%; float:none; display:block; margin-bottom:30px;}

#container{padding:10px;}
.title-404{font-size:28px; padding:10px 0 5px; font-style:italic; font-weight:bold; color:#e1472f; text-transform:none; text-align:center;}
.title-404 strong{font-size:55px; padding-right:10px;}
.text-404{color:#e1472f; font-size:21px; text-align:center; line-height:1.25; padding-bottom:30px;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{float:none; display:block; width:100%; margin-right:0;}
.error_msg{display:block;}
.content-part{float:none; width:100% !important; padding:0 0 20px 0 !important}
.contact-form p{ margin-bottom:15px !important}
.cf_text, .cf_textarea{ width:95% !important;}
.cf_captcha{width:45% !important;}
.sidebar-left{ width:auto !important; float:none !important;}
.sidebar-right{ width:auto !important; float:none !important;}
.head_fix{ padding-top:0px; height:auto;}
.contact_info{ float:none; width:auto;}
#welcome_wrap{ padding:10px 0;}
.page-heading{ line-height:35px; font-size:35px;}

#testimonial_wrap{ padding:10px 0;}
.bx-wrapper .bx-viewport{ padding:0;}
.bx-wrapper .testimonials-carousel-thumbnail img{ width:70px; height:70px;}
.bx-wrapper .testimonials-carousel-thumbnail, .slide{ margin-right:0 !important;}
.bx-wrapper{margin:10px auto !important;}
.bx-wrapper .bx-controls-direction a{ top:250px;}
#testimonial_wrap p{ font-size:14px;}

.price_table{ width:300px;}
.price_row .title{ width:80%;}
#contact_wrap p{ padding:0 0 20px; 0}
#contact_wrap .maps iframe{ width:280px; height:150px;}
#contact_wrap h3{ text-align:center;}

#footer{ text-align:center;}
#footer aside.widget.last{ text-align:center;}
.nivo-caption{ bottom:45px; right:0; left:auto}
ul.our_team li{ float:none; width:auto; margin:0;}
#contact_wrap .one_half p{ text-align:center;}
.theme-default .nivo-directionNav a{ bottom:45px;}

}


/* Mobile Landscape View */
@media screen and (min-width: 480px) and (max-width: 767px){
*{box-sizing:border-box;}
.left, .right{ float:none;}
.container { width:auto; padding:0 10px;}
.headertopbar .headerinfo{ text-align:center; font-size:14px;}
#logo{ position:relative; top:0; width:200px; margin:0 auto; float:none;}
.nivo-caption{ display:none !important;}
.mobile_nav a{ margin-top:20px;}
#welcome_wrap .container{ width:auto;}
.photobooth .gallery ul li{ width:100%; float:none !important; display:block;}
.photobooth .gallery ul li img{ width:100%;}
.capcha{ width:240px !important;}

.menu_left{width:auto; float:none; }
.menu_right{ float:none; width:auto; }
.head_fix{ padding-top:0px; height:auto;}
#footer aside.widget{float:none; width:100% !important; border-right:none; padding-bottom:25px; padding-right:0; margin-right:0; min-height: inherit !important;}
.features .col_one_third{margin-left:auto; margin-right:auto; padding-bottom:10px; float:none;}
.col_one_half, .col_one_third, .col_two_third, .col_one_fourth, .col_three_fourth, .col_one_fifth{float:none; margin-right:0; width:100%;}
.features_more ul{margin-left:0;}
.lead_text{width:100%;}
.mobile_nav{width:100%;}

#sitemain{width:100%; float:none; display:block; margin-bottom:30px;}
#sidebar{width:100%; float:none; display:block;}

#container{padding:10px;}
.title-404{font-size:28px; padding:10px 0 5px; font-style:italic; font-weight:bold; color:#e1472f; text-transform:none; text-align:center;}
.title-404 strong{font-size:55px; padding-right:10px;}
.text-404{color:#e1472f; font-size:21px; text-align:center; line-height:1.25; padding-bottom:30px;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{float:none; display:block; width:100%; margin-right:0;}
.error_msg{display:block;}

.content-part{float:none; width:100% !important; padding:0 0 20px 0 !important}
.contact-form p{ margin-bottom:15px !important}
.cf_text, .cf_textarea{ width:95% !important;}
.cf_captcha{width:63% !important;}
.sidebar-left{ width:auto !important; float:none !important;}
.sidebar-right{ width:auto !important; float:none !important;}
.contact_info{ float:none; width:auto;}


.welcome_text .one_fourth{ width:auto !important;}
.welcome_text .last_column{ width:auto !important;}
.welcome_text .one_fourth .read{ display:-moz-box;}
.about_wrap .one_half, .about_wrap .one_fourth{ background:none; width:100% !important; margin-right:0; padding-right:0;}
.about_left, .about_right, .feature-pro .post-box{ float:none; width:100%; margin-right:0;}




#welcome_wrap{ padding:10px 0;}
#welcome_wrap .container{ width:420px;}
.page-heading{ line-height:35px; font-size:35px;}

#testimonial_wrap{ padding:30px 0;}
.bx-wrapper .bx-viewport{ padding:0;}
.bx-wrapper .testimonials-carousel-thumbnail img{ width:70px; height:70px;}
.bx-wrapper .testimonials-carousel-thumbnail, .slide{ margin-right:0 !important;}
.bx-wrapper{margin:10px auto !important;}
.bx-wrapper .bx-controls-direction a{ top:160px;}
#testimonial_wrap p{ font-size:14px;}

.price_table{ width:420px;}
.price_row .title{ width:80%;}
#contact_wrap p{ padding:0 0 20px; 0}
#contact_wrap .maps iframe{ width:435px; height:200px;}
#contact_wrap h3{ text-align:center;}
#footer{ text-align:center;}
#footer aside.widget.last{ text-align:center;}
.nivo-caption{ bottom:75px; right:0; left:auto}
ul.our_team li{ float:none; width:auto; margin:0;}
#contact_wrap .one_half p{ text-align:center;}
.theme-default .nivo-directionNav a{ bottom:75px;}
.photobooth .gallery ul{ width:313px; margin:0 auto;}

}

/* Tablet View */
@media screen and (min-width: 768px) and (max-width: 999px){
body{min-width:768px; max-width:999px;}
.layout_wide{ width:100% !important; margin-top:0 !important;}
.layout_wide .header{width:100%;}
.layout_box .header{width:768px;}
body.admin-bar .fixed_header{top:32px;}
.wrapper_main{width:768px; box-shadow:none;}
.container{width:750px;}
.no-margin-right{margin-right:0px;}
.features_more ul{margin-left:0;}
#sitemain{width:55%; float:left; }
#sitemain.right{ float:right;}
.capcha{ width:150px !important;}
#container{padding:20px;}

.title-404{font-size:32px; padding:20px 0 10px; font-style:italic; font-weight:bold; color:#e1472f; text-transform:none; text-align:center;}
.title-404 strong{font-size:77px; padding-right:20px;}
.text-404{color:#e1472f; font-size:24px; text-align:center; line-height:1.25; padding-bottom:30px;}
.content-part{ width:55% }
.contact_info{ width:35%;}

.nivo-caption h1{ font-size:30px !important; margin:0 !important; line-height:40px; }
.slide_info{ margin-bottom:0 !important;}
.nivo-caption p{ margin:0 !important; line-height:14px !important;}
.theme-default a.nivo-nextNav{ right:1% !important;}
.theme-default a.nivo-prevNav{ left:1% !important;}
.sidebar-left{ width:290px !important;}
.sidebar-right{ width:290px !important; }
.error_msg{ display:block;}
.mobile_nav a{ width:187px;}


.menu_left{ float:left; }
#logo{float:left; }
.menu_right{ float:right; }
.head_fix{ height:117px;}
.theme-default .nivo-directionNav a{ bottom:130px;}
.nivo-caption{ bottom:125px; right:25px; left:auto; width:300px;}

#welcome_wrap{ padding:25px 0;}
#welcome_wrap .container{ width:720px;}
.bx-wrapper .bx-controls-direction a{ top:180px;}
#contact_wrap .maps iframe{ width:720px; height:300px;}
ul.our_team li{ width:225px;}
ul.our_team li img{ width:225px; height:225px; }
.cf_text{width:335px;}
.cf_textarea{width:335px;}
.cf_captcha{width:190px;}
.bx-wrapper .bx-viewport{ padding:0;}
#contact_wrap p{ padding:0 30px 0;}
.photobooth .gallery ul li{ width:248px;}
}

@media screen and (min-width:1000px){
body{min-width:1000px;}
.no-margin-right{margin-right:0 !important;}
.layout_wide{ width:100% !important; margin-top:0 !important;}
.layout_box{box-shadow:0 0 22px rgba(0,0,0,0.75); -moz-box-shadow:0 0 22px rgba(0,0,0,0.75); -webkit-box-shadow:0 0 22px rgba(0,0,0,0.75); width:980px; margin:0 auto;}
.layout_wide .header{width:100%;}
.layout_box .header{width:980px;}
body.admin-bar .fixed_header{top:32px;}
#sitemain{width:630px; float:left;}
#sitemain.right{float:right;}

#container{padding:20px; width:680px; float:left;}
.title-404{font-size:32px; padding:30px 0 20px; font-style:italic; font-weight:bold; text-transform:none; text-align:center;}
.title-404 strong{font-size:77px; padding-right:20px;}
.text-404{ font-size:24px; text-align:center; line-height:1.25; padding-bottom:40px;}
.nivo-caption{ right:5%;}
.nivo-caption h1{ font-size:60px !important;}

}

@media screen and (max-width: 767px){
.toggleMenu{display: block;}
.header nav{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#262626; }
.header nav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.header nav ul li{border-top:1px #333 solid; display:block; float:none; text-align:left;}
.header nav ul li a{padding:7px 10px !important; display:block; color:#fff;}
.header nav ul li a:hover{color:#b251a8; }
.header nav ul li ul, .header nav ul li ul ul{ display:block !important;}
.header nav ul li ul li a:before{content:"\00BB \00a0";}
.header nav ul li ul li a{padding-left:20px !important;}
.header nav ul li ul li ul li a{padding-left:30px !important;}
.header nav ul li ul li ul li ul li a{padding-left:40px !important;}
.header nav ul li:hover > ul{ background:none !important;}
.header nav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}
.header nav ul li:hover ul li ul, .header nav ul li:hover ul li:hover > ul, .header nav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.header nav ul li:hover ul li:hover ul, .header nav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}

}