@media (max-width: 1199px) {
.slide-text{top: 2%;}

.slide-text > .p2{    margin-top: 3%;}

.services_main_home .web_design .details {}

.services_main_home .seo .details {}

.services_main_home .web_design{ padding: 0 60px 0 0%;}

.services_main_home .seo{ padding: 0 0 0 60px;}

.gr_techno_main .gr_techno_right { padding: 40px 50px 20px 20px;}

.project_main_home .project img { max-height: 250px;}


}


@media (max-width: 1100px) {

.gr_techno_main .gr_techno_left{ min-height:650px;}

.gr_techno_main .gr_techno_left .desktop_img{min-height:650px;}


.seo_page4 .seo_process img {  padding: 0 20px;}

}



@media (min-width: 992px) and (max-width: 1199px) {
  
  .navbar-nav > li {
    margin-left: 10px;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }


  ul.social_icons li{
    margin-right: 0;
  }

}



@media (min-width: 768px) and (max-width: 991px) {
  

  .navbar-collapse {
    padding-left: 0; width:100%; 
    padding-right: 0;
  }

  .navbar-nav > li {
    margin-left: 0;
  }
  
  

}



/* xs */

@media (max-width: 991px) {

.header_right { width: 100%;     margin-top: 15px;}

.header_logo{ width:100%; text-align:center;}

#header .social {
    margin-right: 0;
    width: 100%;
    text-align: center;
	margin-left:0;
	margin-bottom:10px;
}

.tel_social {
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
	
}

.tel_social .tel_no {
    font-weight: 500;
    float: none;
    display: inline-block;
}

.tel_social .email{
	margin-right: 0;
	margin-left: 20px;
}

#cssmenu{   text-align:center;  margin-bottom: 6px;}

#cssmenu > ul > li {
    float: none!important;
    display: inline-block!important;
}

.services_main_home .container { width: 94%;}

.services_main_home_bg{    width: 300px;
    height: 300px;
    background-size: 100%;
	    margin: 150px auto;
	}
	
.services_main_home .web_design {
    padding: 0 15px 0 0%;
}

.services_main_home .seo {
    padding: 0 0 0 15px;
}

.services_main_home .cyber_security {
    padding-right: 30px!important;
}

.services_main_home .web_design .details { width: 62%;}
	
.services_main_home .hosting_sev .details {
    padding: 0 0% 0 0%;
}

.services_main_home .print_media {
    padding-left: 30px!important;
}

.services_main_home .print_media {
    margin-top: 40px;
    margin-bottom: 40px;
}	

.services_main_home .cyber_security {
    margin-top: 40px;
    margin-bottom: 40px;
	}
	
.services_main_home .seo .details {  width: 62%;}

.services_main_home p{min-height:80px;}

.gr_techno_main .gr_techno_left {  width: 100%; padding-right:0;}

.gr_techno_main .gr_techno_right {  padding: 40px 20px 20px 20px;width: 100%;}

.project_main_home .project{ width:100%;}

.project_main_home .col-sm-4 { width: 50%; float:left;}

.project_main_home .project img {  max-height: 290px;}

.web_development_home .left{ width:100%; text-align:center; margin-top:20px;}

.web_development_home .right{ width:100%; text-align:center; margin-top:40px;}

.web_development_home .heading h1{ padding-bottom:20px;}

.web_development_home .heading .btn{margin-bottom: -55px; border-radius: 0 0 5px 5px;}

.brochure_home .project{ width:50%;}

.brochure_home .left{ width:100%; text-align:center; margin-top:30px; float:left;}

.brochure_home .right{ width:100%; text-align:center; margin-top:40px; float:left;}

.brochure_home .heading h1{ padding-bottom:20px; float:left;}

.brochure_home .heading{ position:relative;}

.brochure_home .heading .btn{border-radius: 0 0 5px 5px; position:absolute; top:71px; right:0;}

#conatcat-info .col-sm-9{ width:100%; float:left;}

#conatcat-info .col-sm-3{ width:100%; float:left;text-align: center; margin-top:25px;}

#conatcat-info .btn { display: inline-block; float: none;}

#conatcat-info {  padding: 50px 0;}

.seo_right{ text-align:center; padding: 20px 20px 0px 20px;}

.seo_page4 h2 { font-size: 30px;}

.portfolio_main .box{width:50%; float:left;}

.brochure_page .col-sm-4{width:50%; float:left;}

.contact_main .col-sm-6{width:100%; float:left;}

.contact_main .contact_right{ margin-top:25px; min-height:inherit;}

.gr_techno_main .gr_techno_left .desktop_img{ width:100%; display:none; min-height:600px;}

.gr_techno_main .gr_techno_left .mob_img{ width:100%; display:block;min-height:inherit;}

.gr_techno_main .gr_techno_left { min-height:inherit;height:inherit;}

.web_development_home .heading{ margin-bottom:0;}

.web_development_home .btn { margin: 30px 0 30px 0px;float: none;}

.footer_top .col-md-3{ min-height:290px;}

#footer .col-sm-9 { width:100%;text-align: center;}

#footer .col-sm-3 { width:100%;text-align: center; margin-top:15px;} 

#footer .social { text-align: center;}

.dev_pf_left{ width:100%; float:left;}

.dev_pf{ width:100%; float:left;}


}


@media (max-width: 900px) {
.services_main_home .web_design { padding: 0 80px 0 80px; width:100%;     border-bottom: #ddd solid 1px; margin-bottom: 40px;     padding-bottom: 30px;}

.services_main_home .web_design .details { width: 77%;}

.services_main_home .seo { padding: 0 80px 0 80px; width:100%; border-bottom: #ddd solid 1px; margin-bottom: 40px;     padding-bottom: 30px;}

.services_main_home .seo .details { width: 77%;}

.services_main_home p { min-height: 20px;}



}




@media (max-width: 768px) {
.navbar-right {
    width:100%;  padding-left: 0;
	}
#header .container {
    padding-right: 0;
    padding-left: 0;
	width:100%;
	}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { margin-left: -9px!important;}

#inquiryPaging.changePosition #cssmenu.small-screen{margin-top:0px;}

.navbar{    padding:5px 0 0px 0;}

#inquiryPaging.changePosition{ padding-bottom:0;}

	
}


@media (max-width: 767px) {


  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0; padding-right:0;
  }
  
.navbar-right {
    float:inherit!important;
	}

 

  .navbar-nav > li {
    padding-bottom: 0;
  }


  .nav-tabs > li.active > a:after{
    display: none;
  }

  
   #footer .pull-right{
      float: none !important;
  }

  ul.social_icons li{
    margin-right: 0;
  }
  
  .services_main_home .web_design {
  width: 100%;
    float: left; padding: 0 20px 30px 20px;
}

.services_main_home p {
    min-height: 40px;
}

.services_main_home .seo{
  width: 100%;
    float: left; padding: 0 20px 30px 20px;
}

.services_main_home .software_solu{ border-bottom:0;}

.services_main_home .seo .details { width: 70%; ;}

.services_main_home .web_design .details {  width: 70%;}

.services_main_home_bg { display:none;}

.services_main_home .cyber_security { margin-top: 0;}

.services_main_home .print_media {  margin-top: 0px;}

.services_main_home{ padding-bottom:0;}

.project_main_home {padding: 55px 15px;}

.project_main_home .project{ float:left;}

.web_development_home {padding: 60px 15px 0 15px;}

.web_development_home .left{float:left;}

.web_development_home .right{float:left;}

.web_development_home .heading h1 { padding-bottom: 10px; font-size:40px;}

.brochure_home { padding: 60px 15px 50px 15px;}

.footer_top .col-sm-6{ width:50%; float:left;}

#footer p{ text-align:center; padding-bottom:10px;}

.project_main_home .project img { max-height: 260px; min-height:260px;     object-fit: cover;}

.pro_details_main .pro_details_in h3{    margin-top: 16%;}

.mission_image { padding: 0 0 0 0; text-align: center; margin-bottom:30px;}

.vision_image { padding: 0 0 0 0; text-align: center;}

    
}


@media (max-width: 640px) {
.project_main_home .project img { max-height: 260px;}

#bottom h1 { font-size: 40px;}

.new_era_system_main .new_era_left {height:500px;}

.new_era_system_main .new_era_left .new_era_img { top: 60px; right: 0;}

.services_main_home .web_design {width:100%;}

.services_main_home .web_design .details { width: 67%;}

.services_main_home .seo { width:100%;}

.services_main_home .seo .details { width: 67%;}

.project_main_home .project img { max-height: 240px; min-height:240px;}



}




@media (max-width: 580px) {

.services_main_home .web_design .details { width: 68%;}

.project_main_home .project img { max-height:inherit; min-height:inherit;}

.pro_details_main .pro_details_in h3{margin-top: 40%; font-size: 20px; line-height: 20px;}

.project_main_home .col-sm-4 { width: 100%;}

.web_development_home .heading h1 {font-size:28px;}

.web_development_home .heading .btn {
    font-size: 14px;
    padding: 10px 15px;
	}
	
	.web_development_home h3 {
    font-size: 22px;
    line-height: 36px;
	    padding: 10px 0px 0 0;
	}
	
.web_development_home .left{ margin-top:5px;}

.brochure_home .heading h1 {font-size:28px; padding-bottom: 10px;}

.brochure_home .heading .btn {
    font-size: 14px;
    padding: 10px 15px;     top: 41px;
	}
	
	.brochure_home h3 {
    font-size: 22px;
    line-height: 36px;
	    padding: 10px 0px 0 0;
	}
	
.brochure_home .left{ margin-top:25px;}

#testimonial h2{ font-size:28px; margin-bottom: 20px;}

.bx-wrapper p{    font-size: 19px!important; line-height: 33px!important;}

.bx-wrapper{    margin: 0px auto 0 auto;}

#conatcat-info h1 { font-size: 30px;line-height:36px;}

#bottom .menu ul li { float: none; display: inline-block;  width: 46%; margin:4px 1.5%;}

#bottom .menu ul li a { padding: 10px 0px; background: #484848; display: block;}

#bottom .menu ul li:last-child a { background: #484848;}

#bottom .menu ul li a:hover{background: #000;}

.seo_page h1{ font-size:24px;     margin-bottom: 30px;}

.seo_left{padding:0;}

.seo_page h3{    font-size: 16px;letter-spacing: 1px;}

.seo_page2 .col-sm-12{padding:0;}

.seo_page3 ul li{line-height: 30px; margin-bottom: 15px;     font-size: 19px;}

.seo_page4 h2 { font-size: 24px; margin-bottom: 40px;}

.portfolio_main h1 {  font-size: 24px;margin-bottom: 30px;}

.banner_inner_page img{    min-height: 100px;}

.port_name h2{font-size: 18px;}

.header_logo img{max-height:60px; max-width:100%; padding-left:30px; padding-right:30px;}

#conatcat-info .contact_form_home{width: 92%;    padding: 30px 10px;}

#conatcat-info .message {
    height: 120px;
}

}

@media (max-width: 520px) {
.services_main_home .web_design{ padding:0;     padding-bottom: 30px;     margin-bottom: 20px;}

.services_main_home .web_design .details { width: 100%;     margin-top: 20px;text-align: center; padding: 0 0px 0 0;}

.services_main_home .web_design .image{ margin:0 auto; float:none;}

.services_main_home .seo{ padding:0;     padding-bottom: 30px;     margin-bottom: 20px;}

.services_main_home .seo .details { width: 100%;padding: 0;  margin-top: 20px;text-align: center;}

.services_main_home .seo .image{ margin:0 auto; float:none;}

.services_main_home .cyber_security {  padding-right: 0px!important;}

.services_main_home .print_media { padding-left: 0px!important;}

.services_main_home{padding: 30px 0;}

.project_main_home h1{font-size:28px;}

.pro_details_main .pro_details_in h3 {  margin-top: 30%;}

.project_main_home h5{font-size: 14px;letter-spacing: 2px;}

#bottom h1 { font-size: 30px;}

#bottom h5 { font-size: 20px;}

.portfolio_main .box{width:100%;}

.portfolio_main .box img {max-height: 450px;}

.portfolio_main .box { padding: 15px 5px;}

.brochure_box p{min-height:inherit;}

.brochure_page .col-sm-4 { width: 100%; padding:0;}

.brochure_details h3{min-height:inherit;}

.contact_main .col-sm-6{ padding:0;}

.contact_main .contact_left{    padding: 15px;}

.contact_main .contact_right{    padding: 15px;}

.map .box { height: 300px;}

.services_main_home h5{  font-size: 14px;letter-spacing: 2px; margin-bottom: 40px;}

.gr_techno_main .gr_techno_right .mission_img { margin: 10px 20px 0 0;}

.gr_techno_main .gr_techno_right p {  font-size: 16px; line-height: 27px;}

.services_main_home h1{ font-size:28px;}

#conatcat-info h1{ font-size:28px;}

#conatcat-info h4{font-size: 16px;    padding: 0 15px;}

.footer_top .col-md-3{ min-height:inherit; width:100%; float:left; margin-bottom:25px;}



}







/* XS Portrait */
@media (max-width: 480px) {
.tel_social .tel_no {
    width: 100%;
	}
	
.tel_social .email {
    margin-right: 0;
    margin-left: 0;
}

.tel_social{margin-bottom: 5px;}

.new_era_system_main .new_era_left { height: 500px;}	

.new_era_system_main .new_era_left .new_era_img {  top: 50px}

.header_right {margin-top: 5px;}

.faq_box h2 { font-size: 18px;}



}




@media (max-width: 420px) {


.bx-wrapper p{    font-size: 19px; line-height: 33px;}

#bottom h1 span{width:100%;float: left;}

#bottom h1{line-height: 40px;}

.footer_top .col-sm-6{ width:100%; float:left;}

#inquiryPaging.changePosition{position:relative;}

.seo_page4 .seo_process img {  padding: 0;}

.project_main_home .col-sm-4{ padding-left:0; padding-right:0;     margin: 10px 0;}

.dev_pf img {  max-width: 100%; padding: 20px 10px 0;}

.banner_inner_page h1 { font-size: 20px;}

.banner_inner_page {padding: 40px 0;}


}



@media (max-width: 360px) {

.new_era_system_main .new_era_left { height: 350px;min-height:inherit;}	

.slide-text h1{ margin-top:0;}

#bottom h5 { font-size: 18px;}

#bottom .menu ul li { width: 94%; margin:4px 0;}

#footer p{ font-size:14px;}

.slide-text > p { line-height: 16px;}

.slide-text h1 {  font-size: 16px; margin-bottom: 0px;}

.slide-text > a.btn-default, .slide-text > a.btn-primary {
    font-size: 10px;
    line-height: 10px;
    margin-right: 10px;
    text-align: center;
    padding: 7px 10px;
}

.pro_details_main .pro_details_in h3 {  margin-top: 20%;}


}