/* Mobile Portrait View */
@media screen and (max-width:479px){
.left, .right{ float:none !important;}
h1, h2, h3, h4, h5, h6{ line-height:1;}
.container{ width:100%;}
.resp-wrap, .innerpage_wrapper{ padding:0 10px;}
.logo{ float:none; padding:0 15px; box-sizing:border-box;}
.logo img{ height:auto !important}
.header_navigation{ border:none !important; background-color:transparent !important;}
.nivo-caption{ display:none !important;}
.theme-default .nivoSlider .nivo-directionNav a{ margin-bottom:-60px;}
.theme-default a.nivo-prevNav{ left:80%;}
.bx-wrapper .bx-viewport{ padding:0;}
.post-title-content{ float:none; width:100%;}
.left-postthumb{ float:none; width:245px; margin:0 auto;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth, .newsbox{ float:none; width:100%; margin:0 0 5% !important;}
.newsbox .ntbox{ height:auto;}
.content-area .controls{ margin:0 15px 10px 0 !important;}
#Grid .mix{ margin-left:0 !important}
.content-part, .sidebar-right, .contact_info{ float:none !important; width:100% !important;}
.blog-post .post-thumb{ width:50%;}
.contact-form .cf_captcha{width:46%}
.header-contact{ text-align:center;}
.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;}
.site-description{ font-size:18px !important; line-height:20px !important;}
#home_slider{ min-height:100px;}
.boximage_thumb{ height:auto; overflow:auto;}
.boximage_thumb img{ min-height:inherit;}
.one_column .boximage_thumb{ width:100%; float:none; margin:0 0 30px 0;}
.one_column, .three_column, .two_column, .four_column, .five_column, .six_column{width:100%; float:none; margin:0 0 5% 0; padding:10px; box-sizing:border-box; text-align:left;}
/* New Css*/
.home section{ padding:10px 0;}
.header-contact-left, .logo, .header-contact, .teammember-list, .contact_left, .contact_right{ width:100%; float:none; margin:0 auto 5% auto; text-align:center; display:block;}
.header-contact{ margin-bottom:0 !important;}
.logo h1{ font-size:20px !important;}
.clientlogo{ width:50%; height:70px;}
#Grid .mix .img-box, .mix-hover-image, .mix-hover-video{ width:190px !important; height:105px !important;}
#Grid .mix{ margin:0 auto 5% auto !important; } 
#Grid{ text-align:center !important;}
.testimonial-all img{ float:none !important; margin:0 auto 5% auto; text-align:center; width:100%; }
.contact_left, .contact_right{ text-align:left !important;}
.header-contact-left { width:auto; display:table;}
.newsbox, .newsbox .ntbox, .teammember-list, .latest_posts .postthumbnail, .latest_posts .BlogPost { height:auto;}
.teammember-list img { min-height:inherit;}
h1 span.line-left, h1 span.line-right { display:block;}
.mobile_nav a { margin:0 10px;}
.social-icons { text-align:center;}
.social-icons a:last-child { margin-right:0;}
.ngg-gallery-thumbnail-box {width:100%;}
.innerbanner .container { height:auto;}
}

/* Mobile Landscape View */
@media screen and (min-width:480px) and ( max-width:767px){
.left, .right{ float:none !important;}
h1, h2, h3, h4, h5, h6{ line-height:1;}
.resp-wrap, .innerpage_wrapper{ padding:0;}
.logo img{ height:auto !important; margin:0 auto 10px; display:table;}
.header_navigation{ border:none !important; background-color:transparent !important;}
.nivo-caption{width:62%; display:block !important;}
.theme-default .nivoSlider .nivo-directionNav a{ margin-bottom:-60px;}
.theme-default a.nivo-prevNav{ left:87%;}
.bx-wrapper .bx-viewport{ padding:0;}
.post-title-content{ float:none; width:100%;}
.left-postthumb{ float:none; width:245px; margin:0 auto;}
.newsbox .ntbox{ height:182px;}
.content-area .controls{ margin:0 15px 10px 0 !important;}
.content-part, .sidebar-right, .contact_info{ float:none; width:100% !important;}
.blog-post .post-thumb{ width:50%;}
.contact-form .cf_captcha{width:46%}
.header-contact{ text-align:center;}
#footer .container{ width:94%;}
.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;}
.site-description{ font-size:18px !important; line-height:20px !important;}
#home_slider{ min-height:100px;}
.boximage_thumb{ height:auto; overflow:auto;}
.boximage_thumb img{ min-height:inherit;}
.one_column .boximage_thumb{ width:100%; float:none; margin:0 0 30px 0;}
.three_column.last_column{ float:none !important; margin-right:auto !important}  

/* New Css*/
.home section{ padding:20px 0;}
.header-contact{text-align:center !important;}
.header-contact-left, .logo, .header-contact, .teammember-list, .contact_left, .contact_right, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth, .newsbox, .one_column, .three_column, .two_column, .four_column, .five_column, .six_column{width:100%; float:none; margin:0 auto 5% auto !important; text-align:left; display:block;}
.header-contact{ margin-bottom:0 !important;}
.logo h1{ font-size:30px !important; line-height:40px;}
.clientlogo{ width:33%; height:70px;}
.testimonial-all img{ float:none !important; margin:0 auto 5% auto; text-align:center; width:100%; }
.container{ width:440px;}
.contact_left, .contact_right{ text-align:left !important;}
#Grid .mix .img-box, .mix-hover-image, .mix-hover-video{ width:200px !important; height:105px !important;}
#Grid{ text-align:center !important;}
.teammember-content{ text-align:center;} 
.header-contact-left { width:auto; display:table;}
.newsbox, .newsbox .ntbox, .teammember-list, .latest_posts .postthumbnail, .latest_posts .BlogPost { height:auto;}
.teammember-list img { min-height:inherit;}
h1 span.line-left, h1 span.line-right { display:block;}
.nivo-caption { display:none !important;}
.social-icons { text-align:center;}
.social-icons a:last-child { margin-right:0;}
.ngg-gallery-thumbnail-box {width:50%;}
.innerbanner .container { height:auto;}
}

/* Tablet Portrait View */
@media screen and (min-width:768px) and (max-width:990px){
.container{ width:100%; padding:0 20px; box-sizing:border-box;}
.resp-wrap, .innerpage_wrapper{ padding:0;}
h1, h2, h3, h4, h5, h6{ line-height:1;}
/*nivo slider*/
.theme-default .nivoSlider .nivo-directionNav a, .theme-default .nivo-controlNav{ bottom:-17%;}
.theme-default a.nivo-prevNav{ left:92%;}
.bx-wrapper .bx-viewport{ padding:0;}
.team-col .teamthumbox{ height:140px;}

#Grid .mix .img-box, .mix-hover-image, .mix-hover-video{ width:220px !important; height:120px !important; }
.content-part{width:60%;}
.sidebar-right{ padding-top:12px;}
#sitemain{width:60%; float:left;}
#sitemain.right{float:right;}
#sitefull{ width:100%;}
/*pricing table*/
.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%;}
#home_slider{ min-height:280px;}
/*New CSS*/
.home section{ padding:30px 0;}
.header-contact-left{ margin:10px 0 0 0; }
.header-contact{ margin:10px 10px 0 0 }
.logo{ width:47%;} 
.services-wrap {padding: 0 10px;}
.teammember-list{ height:227px;}
.teammember-list img { height:auto; min-height:227px;}
.clientlogo{ height:60px;}
#Grid{ text-align:center !important;}
.header-contact a { font-size:15px; padding:8px 15px;}
.social-icons a { margin-right:4px;}
h1 span.line-left, h1 span.line-right { display:block;}
.latest_posts .postthumbnail, .newsbox .ntbox { height:170px;}
.latest_posts .postthumbnail img, .newsbox .ntbox img { height:auto; min-height:170px;}
.ngg-gallery-thumbnail-box {width:33.333%;}
.innerbanner .container { height:auto; border-radius:5px;}

} 

/*Resposive menu css*/
@media screen and (max-width: 980px){
#nav{display:none; background:#f3f2f2; }
#nav ul{list-style:none; }
#nav ul li{float:none; display:block; position:relative; border-top:1px #ddd solid;}
#nav ul li ul{ display:block;}
#nav ul li ul li{ border-bottom:none !important;}
#nav ul li a{display:block; padding:2px 10px; border-right:none !important; font-size:14px !important; font-weight:300;}
#nav ul li a:hover{}
#nav ul li ul li a:before{content:"\00BB  ";}
#nav ul li ul li ul li a:before{content:"  \00BB  ";}
#nav ul li ul li a{padding-left:20px; border:none !important;}
#nav ul li ul li ul li a{padding-left:30px;}
#nav ul li ul li ul li ul li a{padding-left:40px;}
#nav ul li:hover > ul{ background-color: transparent !important; width:auto; position: relative;}
#nav ul li.current-menu-item:first-child a{ border-radius:0 !important;}
}