/* Mobile Portrait View */
@media screen and (max-width:767px) {
.left, .right{ float:none;}
.pagination{ margin-bottom:25px;}
.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
.container { width:100%; padding:0 15px;}
.header{ padding:0; position:relative; height:auto; }
.hdrinfofixer{ text-align:center;}


.logo{ margin:0; float:none; padding:15px 0; position:relative; top:auto;}
.logo::after, .logo:before{ display:none;}
.logo h1{ margin:0; font-size:32px !important;}
.tagline {font-size: 10px;}
.header.fixed{ position:relative;}
.logo-and-menu{max-height:inherit; background:none !important }
.site-navigation { float:left; width:100%; margin:0; position:absolute; top:-30px; }
.hdr-topstrip{ padding:0 5px 15px; float:none; text-align:center;}

.hdr-topstrip .social-icons{ line-height: inherit; }
.infobox{float:none; margin: 0 auto; padding:5px; border:none; line-height:24px; }
/*slider css*/
.nivo-controlNav{ display:none !important;}
.nivo-directionNav a { height: 40px; width: 40px; line-height: 40px;}
a.nivo-prevNav {top: 40px; }

.nivo-caption{ width:80%; margin:0 auto;}
.nivo-caption h2{font-size: 22px !important; line-height:24px !important; margin-bottom:10px !important;}
.nivo-caption h2 span{ margin-bottom:0 !important; font-size: 18px !important;}
.nivo-caption p{ margin-bottom:15px; line-height:18px; font-size:14px !important;}
.nivo-caption .button{ margin:0; font-size:14px; padding:10px 25px;}
#pagearea p.shortdesc{ width:100%;}

.best-3-features{ margin:40px 0 0 0;}
.column3-hg{ float:none; width:100%;}
.aboutphonebx .phoneicon{ float:none;}
.aboutphonebx{ padding:30px;}
.aboutphonebx h2{ font-size:34px;}
.aboutphonebx span{ margin-top:10px;}
.box-equal-height{ margin-top:0;}

.speciality-ls-45, .speciality-rs-55{ padding:0;}
.smimg-vd{ margin-top:30px; border-coror:#f7f7f7;}
.smimg-vd img{ position:relative;}
.videobox .playbtn{ margin:0 auto; left:0; right:0;}

.news-box-full{ margin:0; width:100%; float:none; }
.news-box-full .news-box .newsdesc { padding:30px;}
.news-box-full .news-box{ padding:0;}
.news-box-full .news-box .news-thumb{ height:auto; margin:0;}
.news-box .newsdesc { padding:0;}
.newsrightcolumn{ width:100%; padding:0; float:none; margin:0 0 25px; height:auto;}
.twocolumn-news{ margin:0; } 
.news-box{ width:100%; padding:15px; float:none; margin:0 0 25px; height:auto;}
.news-box .news-thumb{height:auto; width:auto; float:none; margin:0 0 20px 0; }
.news-box .news-thumb img{ min-height:inherit; }
.news{width:auto; float:none; padding:0;}
.pagecontent{ min-height:inherit; }
.sixcirclecolumn{ width:auto; float:none; margin:0 0 20px;}
ul.clientlogos li{ width:50%; }
.project-thumb{ height:200px;}
.project-thumb img{ min-height:200px;}
.boxlayout .project-thumb{ height:150px;}
.boxlayout .project-thumb img{ min-height:150px;}
.owl-carousel .owl-stage{ margin:0;}
.owl-prev{ left:0 !important}
.owl-next{ right:0 !important;}
.owl-controls{ bottom:36px !important;}

.ps2column{ min-height:60px;} 
.ps2column h5{ padding-top:8px;} 
.ps2column .ps2thumb{ float:left; margin-right:20px;}
.wrap-col{ padding:30px; border-radius:10px;}
.whychooseus_left, .whychooseus_right, .skill-ls-50, .right-security-65, .right-tm-50, .leftcolumn-ss-50{ padding:0;}
.whychoose_srvlist i{ float:none; margin-bottom:10px;}
.whychoose_srvlist p{ padding:0;}
body.home section1{ padding-bottom:0;}
body.home section2{ padding-top:0;}
body.home #section7{ padding-bottom:50px}

#section6 h2.section_title{ font-size:40px !important; line-height:45px; margin-bottom:60px !important;}
#section6 .subtitle{ line-height:35px}
.tm_large_imgbx{ height:auto;}
.tm-whitebg-bx .tm_small_imgbx{ margin-bottom:10px}
#clienttestiminials .designation_box{ padding:40px 25px;}
#clienttestiminials .tmthumb{ margin-right:15px;}
.ctnfix{ position:relative; width:100%;}
.leftcolumn-ss-50 .custombtn{ float:none; margin-bottom:15px;}
.leftcolumn-ss-50 .subtitle{ float:none; margin:0 0 15px;}
.BottomContactBX{ margin:0 0 30px 0; padding:20px;}


/*coloumn css*/ 
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth, .about_right_imgbox, .about_contentcolumn, .speciality-ls-45, .speciality-rs-55, .ps2column, .whychooseus_left, .whychooseus_right, .skill-ls-50, .project-rs-50, .left-security-35, .right-security-65, .video-2column, .left-tm-50, .right-tm-50, .leftcolumn-ss-50, .rightcolumn-ss-50, .footcl-3, .bloggridlayout .blog-post-repeat, .blog-post-repeat .post-thumb
	{ float:none !important; width:100% !important; margin:0 0 30px !important;	}



.process-circle{ float:none; margin:0  auto 50px !important;}
.videobox{ width:100%; height:auto;}
.videobox img{ height:auto;}
.about_contentcolumn{ padding:0; }
.about_right_imgbox{  padding:0; } 
.about_right_imgbox img{width:100%; min-height: inherit; margin:0; max-width:inherit; } 
.about_contentcolumn .counterlist{ margin-top:0;}
.counterlist{ float:none; margin:0 0 30px 0; width:100%;}
.innerbanner{ height:auto; margin:0;}
#pagearea{ height:auto; padding:30px 0 20px;}
iframe{ width:100%; height:auto;}
.about_contentcolumn h3 span{ font-size:40px;}
h2.section_title, .sec_content_main_title{ font-size:30px !important; line-height:40px; margin-bottom:30px !important;}

.home .subtitle{ width:100% !important;}
.tabs-wrapper ul.tabs li a{ padding:10px 14px}
.footer .social-icons a{ margin-right:3px;}
.teammember-list{ width:auto; float:none; margin:0 0 10%; text-align:center;}
.member-social-icon a{ margin:0 5px;}
/*sidebar css*/
#sidebar{ width:100%; float:none;}
.sidebar-left{ float:none !important; width:100%;}
.flotRight{ float:none !important;}

/*footer css */
.footer{ width:auto !important; float:none; margin:0;  }
/* --------- Pages ------- */
.content-area{ width:auto; margin:0; padding:20px !important;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
.contact_left, .contact_right{ float:none; width:100%; margin-bottom:10%;}
.copyright-txt, .design-by { text-align:center; float:none;}

/*custom css*/
.searchbox{ width:100%; padding-left:0;}
ol.nav-numbers{ display:none;}
.phone-no strong{ width:auto; display:inherit;}

/*footer css */
.footer{ padding:40px 20px;}
.column-3, .cols-2 .widget-column-1, 
.cols-2 .widget-column-2, 
.cols-3 .widget-column-1, 
.cols-3 .widget-column-2, 
.cols-3 .widget-column-3, 
.cols-4 .widget-column-1, 
.cols-4 .widget-column-2, 
.cols-4 .widget-column-3, 
.cols-4 .widget-column-4{ 
width:auto !important; float:none; min-height:inherit; margin:0 0 30px; 
}
.footer-col-1, .footer-col-2, .footer-col-3{ width:100%;}
.container.footer { padding:50px 20px 25px}
.slider-main{ min-height:115px; margin:0;}
.header.fixed{ position:relative;}
.skills-wrap{ width:auto;}
#clienttestiminials{ width:100%; padding:0; margin:0; }

.title-icon { padding:10px 0; float:none; width:100%; }
.videos-carousel .videobox {max-height: 215px;}
.thumbnail_image{ width:100%; }
body.home section, #aboutussection{ padding:50px 0 }

.subtitle br{ display:none;}
.woocommerce ul.products li.product .product-thumb{ height: 190px; }

.vertical-page .chartbox{ margin:0 0 30px 0 !important; float:none;}
.chartbox p{ margin:10px 0 0 0 !important}
.easyPieChart{ margin:0 auto;}
.car li, .skills ul li{ width:100%; }
.copyright-wrapper .social-icons{ padding-top:30px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:16px; }
}

@media screen and (min-width:300px) and (max-width: 480px){
.bloggridlayout .post-thumb{ height:auto;}
.blog-post-repeat .post-thumb img{ float:none; margin-right:0; width:100%; height:auto;}
.teammember-list .thumnailbx{ height:auto; visibility:visible;}
.slider-main{ min-height:110px; height:auto;}
.aboutliststyle{ padding:20px; font-size:16px;}
/* Boxlayout CSS*/
.boxlayout .nivo-caption p{ font-size:12px !important; line-height:14px; }
.boxlayout .nivo-caption h2 span{ line-height:20px;}
.woocommerce ul.products li.product{ float:none !important; width:100% !important; margin:0 !important;}
.skillwrap{ padding:15px;}
.skillbar-title{ font-size:15px;}
}

@media screen and (min-width:300px) and (max-width: 380px){

.nivo-caption{ width:90%; margin:0 auto;}
.nivo-caption h2{font-size: 20px !important; line-height:22px !important; margin-bottom:12px !important;}
.nivo-caption h2 span{ margin-bottom:6px !important; font-size: 14px !important; line-height:20px !important;}
.nivo-caption p{ margin-bottom:10px; line-height:15px; font-size:12px !important; display:none !important }
.nivo-caption .button{ margin:0; font-size:12px; padding:5px 25px;}
}

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

.nivo-caption{ width:90%;}
.nivo-caption h2{font-size: 20px !important; line-height:24px !important; margin-bottom:12px !important;}
.nivo-caption h2 span{ margin-bottom:10px !important; font-size: 17px !important; line-height:22px !important;}
.nivo-caption p{ margin-bottom:10px; line-height:15px; font-size:14px !important; display:none !important}
.nivo-caption .button{ margin:0; font-size:12px; padding:5px 25px;}
}

/* Mobile Landscape View */
@media screen and (min-width:481px) and (max-width: 767px){	
/*slider css*/
.nivo-caption{ width:70%;}
.nivo-caption p{ display:block !important; line-height:18px;}
.nivo-caption .button{ display:inline-table !important;}
.news-box h5{ font-size:14px; line-height:18px;}
.news-box p{ font-size:14px; line-height:18px;}
.news-box .PostMeta{ font-size:13px;}
.container, 
.content-area, 
.hdr-services .container{ width:400px !important; margin:0 auto;}
.teammember-list .thumnailbx{ height:auto; visibility:visible;}
.slider-main{ height:auto; min-height:200px;}

}


@media screen and (min-width:551px) and (max-width: 767px){
.nivo-caption{ width:55%;}
.nivo-caption h2{font-size: 24px !important; line-height:26px !important; margin-bottom:15px !important;}
.nivo-caption h2 span{ margin-bottom:0 !important; font-size: 20px !important; font-weight:400; line-height:24px !important;}
.nivo-caption p{ margin-bottom:15px; line-height:18px; font-size:16px !important;}
.nivo-caption .button{ margin:0; font-size:12px; padding:7px 25px;}
}


/* Tablet View */
@media screen and (min-width:768px) and (max-width: 1169px){
.container { width:auto; padding:0 20px;}
.container.footer { padding:50px 20px; padding-bottom:120px;}
.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
.content-area{ width:auto; margin:0; padding:50px 30px 50px 30px !important;}
.member-social-icon a{ margin:0 2px 0 0;}
.footer h5{ font-size:22px !important;}
#sidebar{ width:30%;}
.site-main{ width:65%;}
.innerbanner{ height:auto;}
/*custom  css*/
.BlogPost{ min-height:250px;}
.recent-post h6{ padding-top:7px;}
ol.nav-numbers{ bottom:10%;}
.sidebar-left{ float:left !important; width:30%;}
.sidebar-left #sidebar{ width:100%;}
h2.section_title, .sec_content_main_title{ font-size:32px !important; line-height:40px;}
.about_contentcolumn ul.list-style{column-count:1; -moz-column-count: 1; -ms-column-count: 1; -webkit-column-count: 1; margin:0;}
.hdr-topstrip{ padding-bottom:20px;}
.ctnfix{ position:relative; width:100%;}
}

@media screen and (min-width:768px) and (max-width: 980px){
body.home section {padding:60px 0;}
.blog-post-repeat .post-thumb{ height:auto;}
.logo{ text-align:left;  padding:10px 15px; }
.logo h1{ margin:0;}

.infobox{ width:32%; padding:0 0 0 5%;}
.header{ position:relative; padding:0; height:auto; }
.logo-and-menu{ height:auto;}
.owl-prev{ left:0 !important}
.owl-next{ right:0 !important;}

.header .social-icons {float: left; margin:0;}
.teammember-list .thumnailbx{ height:190px;}
.teammember-list .thumnailbx img{ min-height:190px;}
.teammember-list h5 {margin: 0; font-size: 16px; }
.nivo-caption h2{ font-size:30px !important; line-height:35px !important;}
.nivo-controlNav{ text-align:center; }
.nivo-caption h2 span { margin-bottom:0; font-size:20px;}
.about_contentcolumn h3 span{ font-size:50px;}
.services-title h4{ font-size:18px; }
.teammember-list cite{ font-size:14px;}
.bloggridlayout .post-thumb{ height:160px;}
.bloggridlayout .post-thumb img{ min-height:160px;}
.event_thumb {height:220px;}
.event_thumb img{ min-height:220px;}
.our_event_box .event_info { padding: 20px 15px 40px;}
.footer .threecol .entry{ width:50% !important}
.news-box-full{ width:80%; margin:0 auto; float:none}
.news-box-full .news-box{ width:100%; padding:0;} 
.news-box h4{ width:75%; font-size: 20px; }
.news-box{ width:100%; padding:15px; float:left; border-radius:0; }
.news-box .news-thumb{ width:100%; }
.newsdesc { padding: 15px 0;}

.footer .social-icons a{ margin-bottom:5px;}

.nivo-caption p{ margin-bottom:20px;}
.news-box .news-thumb{ height:180px;  }
.news-box .news-thumb img{ min-height:180px; }
.news-box .news-thumb:before{ width:100%; margin:0;}
.news-box:hover .news-thumb:before { width:100%; margin:0; height: 100%;}
.nivo-caption{width:50%; position:relative; }
.boxlayout{margin:0;}
.news-box p{ font-size:14px; line-height:18px;}
.news-box .PostMeta{ font-size:13px;}
.sixcirclecolumn { padding:15px}
.topboxbg {padding:0;}
.about_right_imgbox img{ min-height:inherit !important; max-width: none;}
#countdown1, #countdown2, #countdown3, #countdown4, #countdown5, #countdown6, #countdown7, #countdown8, #countdown9, #countdown10{ padding:25px 15px; }
.easyPieChart, .easyPieChart canvas{ line-height: 100px !important;  width:100px !important; height:100px !important; }
.vertical-page .chartbox { margin: 0 10px 0 0 !important; }
.chart{ font-size:20px !important}
.chartbox p{ margin-top:10px !important; width:100px; font-size:10px;}
.thumbnail-image-1{ height:auto; }
.thumbnail-image-2 { top:80px; width:50%; height: auto;}
.aboutliststyle{ padding:20px; font-size:17px;}
.sixcirclecolumn{ width:30%;}
.smimg-vd{ margin-bottom:150px}
.wrap-col{ padding:50px 30px 30px;}
.whychooseus_left{ padding:0;}
.whychooseus_right{ padding-left:25px;}
.process-circle{ margin:0 7% 50px 10%;}
.left-tm-50{ margin-top:-100px;}
.tm_large_imgbx{ height:auto;}
.tm-whitebg-bx{ padding:20px;}
.tm-whitebg-bx h4{ padding-top:0;}
#clienttestiminials .designation_box{  padding:20px 30px; padding-bottom:60px; }
#section8{ padding-bottom:30px;}
.project-thumb{ height:220px;}
.project-thumb img{ min-height:220px;}
}

@media screen and (max-width:1169px) and (min-width:981px) { 
html{overflow-x:hidden; }
.footer h5{ font-size:24px !important;}
.nivo-caption{ left:2.5%; position:relative;  }
.nivo-controlNav{ max-width:inherit; width:auto; left:32%; }
.news-box .PostMeta span{ font-size:11px;}
.videobox{ width:100%; height:100%;}
.teammember-list .thumnailbx{ height:250px;}
.teammember-list .thumnailbx img{ min-height:250px;}
.footer .threecol .entry{ width:49% !important}
.news-box .news-thumb{ height:230px;}
.news-box .news-thumb img{ min-height:230px; }
ul.clientlogos li{ width:16.666%; }
.easyPieChart, .easyPieChart canvas{ line-height: 130px !important;  width:130px !important; height:130px !important; }
.vertical-page .chartbox { margin: 0 10px 0 0 !important; }
.chartbox p{ margin-top:10px !important;}
.sixcirclecolumn h4{ font-size:20px; }
.bloggridlayout .post-thumb{ height:160px;}
.process-circle{ margin:0 7% 50px 10%;}
#section9 .owl-prev{ left:0;}
#section9 .owl-next{ right:0;}
}

@media screen and (max-width: 1023px){	
.mainmenu-right-area{ float:none;}
.logo{ margin:0; float:none; padding:15px 0; position:relative; top:auto;}
.logo::after, .logo:before{ display:none;}
.toggleMenu{display: block;}
.site-navigation a, .site-navigation .menu ul a{ padding:10px 20px;}
.site-navigation ul li{border-top:1px #383838 solid; display:block; float:none; text-align:left; border-right:none;}
/*.site-navigation ul li:first-child{ border-top:none; }*/
.logo img{ height:auto !important;}
.innerbanner{ height:auto;}
.header{  position:relative; z-index:999999;}
.mainmenu{  width:100%;  border-radius:0; padding:0; margin-bottom:0;margin-top:0;}
#footer-wrapper{ background-size:cover !important;}
.toggle a{ padding:10px 25px;}
iframe{ height:auto !important;}
.nivo-directionNav, .nivo-controlNav{ display:none;}
}
@media screen and (min-width:1210px) { 
	.boxlayout .header.fixed{ width:1210px; margin:0 auto; box-shadow:0 0 5px #555;}
}