/* Mobile Portrait View */
@media screen and (max-width:767px) {
	
*{box-sizing:border-box;}
.left, .right{ float:none;}
.layout_wide{ width:100% !important; margin-top:0 !important;}
.layout_wide .header{width:100%;}
.layout_box .header{width:100%;}
.left, .right{float:none !important; display:inline-block;}
.title_heading h1{ font-size:20px; line-height:100%;} 
#copyright{text-align:center;}
#copyright .right{padding-top:15px;}
.container{width:auto; padding:0 10px;}
.no-margin-right{}
#logo{text-align:center; padding:0;}
#logo img{max-height:40px;}
#logo, .header_right{float:none;}
.header_right .search_form{display:block; float:none;}
header .search-form{margin:0 auto;}
#footer .search-form{margin-left:0;}
#footer aside.widget{float:none; width:100%; border-right:none; padding-bottom:25px; padding-right:0; margin-right:0;}
.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%;}
.nav{display:none;}
.mobile_nav, .header_right .nav{width:100%;}
#sitemain{width:100%; float:none; display:block; margin-bottom:30px;}
#sidebar{width:100%; float:none; display:block; }
.hdr_buy_link{text-align:center; padding:10px 0 5px;}
.nivo-caption h1{ margin-bottom:0; margin-top:0; }
.slide_info p{ display:none;}
.slide_more a{ padding:7px 16px !important; font-size:13px;}
#container{padding:10px;}
body.woocommerce #sidebar{padding:20px 6%; width:88%;}
.title-404{font-size:28px; padding:10px 0 5px; font-style:italic; font-weight:bold; color:#2e7fe6; text-transform:none; text-align:center;}
.title-404 strong{font-size:55px; padding-right:10px;}
.text-404{color:#2e7fe6; 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;}
.pricing_table.pcol1 .price_col{width:100%;}
.pricing_table.pcol2 .price_col{width:100%;}
.pricing_table.pcol3 .price_col{width:100%;}
.pricing_table.pcol4 .price_col{width:100%;}
.pricing_table.pcol5 .price_col{width:100%;}
.highlight{margin-top:10px !important;}
.icon_column{ width:265px; padding-left:25px; display:block; margin:0 auto 30px; background:url(../images/bull_right.png) no-repeat scroll 0 4px; font:13px/20px 'Open sans', san-serif; color:#898888;}
.icon_column h4.icon-box-title{font:14px 'Open sans', san-serif; text-transform:uppercase; margin:0 0 10px; padding:0;}
.last{ margin-right:0 auto !important;}
.about_text img{ margin-top:25px;}
h3.home-blog-title {color: #2f383d; font-size: 20px; text-align: center;}
.post-meta{ float:left; margin-top:9px; width:15%; font:700 20px 'Open sans', san-serif; text-align:center; color:#ffffff; text-transform:uppercase; padding:1px 5px 7px;}
.post-meta span{ font:400 10px 'Open sans', san-serif; display:block;}
.post-meta-small{ float:left; margin-top:9px; width:15%; font:700 20px 'Open sans', san-serif; text-align:center; color:#ffffff; text-transform:uppercase; padding:1px 5px 7px;}
.post-meta-small span{ font:400 10px 'Open sans', san-serif; display:block;}
.post-next{ float:right; margin:0; padding:0; width:80%;}
h4.blog-title{font:400 14px 'Open sans', san-serif; text-transform:uppercase;}
h4.blog-title a{  color:#1a1b1b; }

/*================================== css changes ==================================*/
.header_right .callus{ float:none; font-size:32px; margin:0 auto; width:290px;}
.slider-wrapper{ width:100%;}
.welcome_text h2{ font-size:22px; line-height:30px;}
.home_services_wrapper{ background-repeat:repeat; display: inherit; padding:10px 0;}
.home_services_wrapper h2{ margin-bottom:10px;}
.home_services_wrapper .read_service{margin:0px auto 20px auto;}
.service_home{ width:auto; margin:0; float:none; display:block;}
.home_contact{height:auto; padding:0; width:auto; padding:0px 10px 0px 10px; }
#footer .gride1, #footer .gride2, #footer .gride3, #footer .gride4{ width:auto; background:none;}
#footer .gride4 input[type="text"]{ height:45px; padding:15px 10px;}
#footer .gride4 .subscribe{ margin-top:0;}
.content_wrapper{width:auto; padding:10px;}
.title_heading{width:auto; padding-left:10px;}
.home_news .latest_news{ width:100%;}

/*================ About ===================== */
.ourteam{padding:5px; width:auto; margin:0 auto 40px auto; float:none;}  
.ourteam img{ width:100%; height:auto;}
.ourteam .ourteamcon a{ float:none; text-align: right; display:block;}
.last_column{ margin:0 auto !important;}

/*================ Services ===================== */
.home_services{ width:100%;}
.servic:hover{background-position:center 15px;}
.servic{background-position:center 15px; float:none; margin:0 auto 30px auto; width:auto;}
.service_nomargin{margin:0 auto 30px auto;}
.home_services_wrapper .read_service{ width:auto; display:table; padding-left:20px; padding-right:20px;}
.welcome_text .read_about{ width:auto; display:table; padding-left:20px; padding-right:20px;}
/*================ Gallery ===================== */
#Grid .mix{width:100% !important; height:auto; margin:0 0 5% 0 !important;}
.mix-hover-image, .mix-hover-video{height:auto !important; width:100% !important;}
#Grid .mix-details{font-size:20px !important;}

/*================ Contact ===================== */
.contact-form .cont_left{ float:none;}
.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"]{width:100%;}
.contact-form{width:auto; float:none;}
.contactpageright{width:100%; float:none; margin:30px auto; display:block;}
.contact-form textarea{ height:80px; width:100%;}

img.alignleft, img.alignright, img.aligncenter{ width:100%;}
#footer li{ float:left; margin-left:10px;}
/*** Extra css ***/
.icon_column, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{ width:100% !important; float:none !important; margin:0 0 5% 0 !important; display:inline-block;}
.home_services_wrapper h2{ padding:20px 0 !important;}

}

/* Mobile Landscape View */
@media screen and (min-width: 480px) and (max-width: 767px){
.nivo-caption { width:45% !important; left:5% !important; display:block !important; text-align:left !important;}
.slide_info h2{ font-size:20px !important; padding:0 !important; margin-bottom:10px !important; line-height:35px; text-shadow:1px 0 0 #333;}
.slide_info p{ padding:5px 0 !important;  font-size:13px !important; display:none;}

}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) { 

*{box-sizing:border-box;}
.header_right{ width:100%;}
.layout_wide{ width:100% !important; margin-top:0 !important;}
.layout_wide .header{width:100%;}
.layout_box .header{width:100%;}
.nivo-caption{ left:2%;}

.title_heading h1{ font-size:23px;} 
.wrapper_main{width:100%;}
.container{width:auto; padding:0 10px;} 
.no-margin-right{margin-right:0px;}
#footer .search-form .search-field{width:120px;}
#footer .gride4 input[type="text"]{ height:47px;}
#footer .search-form{width:210px;}
.features_more ul{margin-left:0;}
.features .col_one_third{margin-left:40px;}
.mobile_nav, .header_right .nav{width:100%;}
#sitemain{width:63%; float:left; margin-bottom:30px;}
#sidebar{width:32%; float:right;}
.hdr_buy_link{text-align:right; padding:5px 0;}

#container{padding:20px;}
body.woocommerce #sidebar{padding:20px 4%; width:92%;}
.title-404{font-size:32px; padding:20px 0 10px; font-style:italic; font-weight:bold; color:#2e7fe6; text-transform:none; text-align:center;}
.title-404 strong{font-size:77px; padding-right:20px;}
.text-404{color:#2e7fe6; font-size:24px; text-align:center; line-height:1.25; padding-bottom:30px;}
.pricing_table.pcol1 .price_col{width:99%;}
.pricing_table.pcol2 .price_col{width:49.5%;}
.pricing_table.pcol3 .price_col{width:33%;}
.pricing_table.pcol4 .price_col{width:24.75%;}
.pricing_table.pcol5 .price_col{width:19.75%;}

/* -------- Extra CSS ------ */
.icon_column{ width:30%; margin-right:0; padding-left:25px; float:left; background:url(../images/bull_right.png) no-repeat scroll 0 4px; font:13px/20px 'Open sans', san-serif; color:#898888;}
.icon_column h4.icon-box-title{font:14px 'Open sans', san-serif; text-transform:uppercase; margin:0 0 10px; padding:0;}
.last{ margin-right:0 !important;}
.about_text img{ margin-top:50px;}
h3.home-blog-title{ color:#2f383d; font-size:20px; text-align:center;}
.post-meta{ float:left; margin-top:9px; width:15%; font:700 30px 'Open sans', san-serif; text-align:center; color:#ffffff; text-transform:uppercase; padding:4px 5px 11px;}
.post-meta span{ font:400 14px 'Open sans', san-serif; display:block;}
.post-meta-small{ float:left; margin-top:9px; width:15%; font:700 23px 'Open sans', san-serif; text-align:center; color:#ffffff; text-transform:uppercase; padding:5px 0 10px;}
.post-meta-small span{ font:400 14px 'Open sans', san-serif; display:block;}
.post-next{ float:right; margin:0; padding:0; width:80%;}
h4.blog-title{font:400 14px 'Open sans', san-serif; text-transform:uppercase;}
h4.blog-title a{  color:#1a1b1b; }
h2.client-title{font:700 18px 'Open sans',san-serif; color:#404141;}
.clients{ margin:0; padding:0 0 20px;}
.clients img{ border:1px solid #e3e6e8; margin-right:15px; width:23%;}
.clients img.yes{ margin-right:0 !important;}
h2.widget-title{font:700 19px 'Open sans',san-serif; color:#ffffff !important;}
h3.testimonial-title{ font:700 20px 'Open sans',san-serif; color:#404141; border-bottom:1px solid #cdcdcf; text-align:center; width:45%; margin:30px auto; padding-bottom:10px;}
.testimonial{ width:100%; margin:0; padding:0;}
.testimonial .top-div{ border-top:1px dashed #acacac;}
.testimonial .bottom-div{ border-bottom:1px dashed #acacac;}
.testimonial .left-div{ border-left:1px dashed #acacac;}
.testimonial .right-div{ border-right:1px dashed #acacac;}
.testimonial .testimonial-box{ width:44%; margin:0; padding:20px 15px 30px; float:left; line-height:21px;}
.testimonial .testimonial-box .testimonial-thumb{ margin:0; padding:0; float:left;}
.testimonial .testimonial-box .testimonial-content{ float:right; width:76%;}	
.testimonial .testimonial-box .testimonial-content h4{ color:#2e7fe6; font:700 13px 'Open sans',san-serif; text-transform:uppercase; margin:22px 0 0;}
.testimonial .testimonial-box .testimonial-content h5{ color:#404141; font:13px 'Open sans',san-serif; margin:0;}
.testimonial .testimonial-box .testimonial-thumb img{ width:60px; height:50px; border:2px solid #757575; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px;}
h3.accordion-toggle{background-position:332px 14px !important;}


/*================================== css changes ==================================*/
.header_right .callus{ margin-top:-60px;}
.slider-wrapper{ width:100%;}
.welcome_text h2{ font-size:34px;}
.home_services_wrapper{ display: inherit; table-footer-group; padding:10px 0;}
.home_services_wrapper h2{ margin-bottom:10px;}
.home_services_wrapper .read_service{margin:0px auto 20px auto;}
.service_home{ width:auto; margin:0; float:none; display:block;}
.home_contact{height:auto; padding:0; width:auto; padding:0px 10px 0px 10px; }
#footer .gride4{ float:none; margin:20px auto 0 auto; display:block;}
#footer .gride1, #footer .gride2, #footer .gride3{ width:200px;}
.content_wrapper{width:auto; padding:10px;}
.title_heading{width:auto; padding-left:10px;}

/*================ About ===================== */
.ourteam{padding:3px; margin:0 11px 30px 10px; min-height:315px;}  
.ourteam_margin{margin:0 11px 30px 10px;} 
.one_fourth{ width:21.8% !important;}
/*================ Services ===================== */
.home_services{ width:100%;}
.servic:hover{ background-position:center 15px;}
.servic{ background-position:center 15px; margin:0 15px 45px 0; width:31.9%;}
.servic:nth-child(2){ background-position:center 15px;}
.servic:nth-child(2):hover{ background-position:center 15px;}
.servic:nth-child(3){ background-position:center 15px;}
.servic:nth-child(3):hover{ background-position:center 15px;}
.service_nomargin{ margin-right:0;}

/*.servic.last_column{ margin:0 35px 45px !important;}*/
/*================ Gallery ===================== */
#Grid .mix{width:220px !important;}
.mix-hover-image, .mix-hover-video{height:119px !important; width:220px !important;}
#Grid .mix-details{font-size:20px !important;}

/*================ Contact ===================== */
.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"]{ width:188px;}
}

@media screen and (max-width:1169px) and (min-width:980px){ 
.header_right{ width:auto; float:right;} 
.header_right .callus{ margin-top:0;}
#footer .gride1, #footer .gride2, #footer .gride3{ width:19.6%;}
#footer .gride4{ float:left; margin:0; width:31.8%;}
#footer .gride4 input[type="text"]{ width:200px;}
.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"]{ width:275px;}
}

@media screen and (max-width: 980px){
.nav li a{ text-shadow:none; margin:0 !important; }
#sidebar ul li a:hover, li.current_page_item a{ color:#323232 !important;}
.nav li{ float:none; display:block; } 
.nav li:hover a, .nav ul li.current_page_item > a, .nav ul li.current-menu-ancestor > a, .nav ul li.current-menu-item > a, .nav ul li.current-menu-parent > a{ border-radius:0;}

.nav li ul, .nav li ul ul{ display:block !important;}
.nav li ul li a:before{content:"\00BB \00a0";}
.nav li ul li a{padding-left:20px !important;}
.nav li ul li ul li a{padding-left:30px !important;}
.nav li ul li ul li ul li a{padding-left:40px !important;}
.nav li:hover > ul{ background:none !important;}

.nav li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}
.nav li:hover ul li ul, .nav li:hover ul li:hover > ul, .nav li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.nav li:hover ul li:hover ul, .nav li:hover ul li:hover ul li:hover ul{ left:0 !important;}
}