@media only screen and (min-width:1000px) and (max-

width:1169px) {
    .container {
        width: 1000px;
        

margin: auto
    }
    .domain_search .serch_area 

.enter_email_input {
        width: 47%
    }
    .host_plans 

.planbox .prices:before {
        border-left: 113px solid 

transparent;
        border-right: 113px solid transparent
    }
 

   .feature_section2 .twoboxes i {
        margin-right: 20px;
  

      font-size: 45px;
        margin-top: 14px
    }
    

.feature_section2 .twoboxes strong {
        font-size: 35px;
   

     line-height: 30px
    }
    .feature_section2 .twoboxes 

strong em {
        color: #fff;
        font-size: 14px
    }
    

.feature_section3 .lstblogs .date {
        margin: 20px
    }
   

 .feature_section3 .lstblogs h4 {
        margin: 20px 20px 

20px 0
    }
    .feature_section5 li {
        width: 22%
    }
   

 .feature_section13 .one_half_less img {
        width: 100%
    

}
    .video_full_site {
        height: 380px
    }
    

.feature_section17 .one_third {
        padding: 35px 40px 45px
 

   }
    .feature_section17 .one_third a.but1 {
        padding: 

13px 20px
    }
    .client_logos ul {
        margin: 0
    }
    

.client_logos li {
        padding: 0 3px
    }
    .footer .ftop 

.right .newsle_eminput {
        width: 73%
    }
    

.page_title1.sty7 .serch_area {
        width: 79%
    }
    

.page_title1.sty7 .serch_area .enter_email_input {
        

width: 72%
    }
}



@media only screen and (min-width:768px) and 

(max-width:999px) {
    .container {
        width: 747px;
       

 margin: auto
    }
    .logo {
        width: 40%
    }
    

.menu_main {
        width: 97%;
        position: absolute
    }
 

   .top_nav .left {
        width: 20%
    }
    .top_nav .right 

{
        width: 80%
    }
    .top_nav .tplinks li {
        

margin: 0 10px 0 0
    }
    .domain_search .serch_area h5 {
     

   float: none;
        margin: 0 0 10px
    }
    .domain_search 

.offers ul {
        float: left
    }
    .domain_search .offers 

li {
        padding: 25px 16px 30px;
        font-size: 21px
    

}
    .host_plans .planbox .prices:before {
        border-left: 

88px solid transparent;
        border-right: 88px solid 

transparent
    }
    .feature_section2 .twoboxes i {
        

margin-right: 10px;
        font-size: 35px;
        margin-top: 

12px
    }
    .feature_section2 .twoboxes strong {
        

font-size: 27px;
        line-height: 25px;
        margin-

bottom: 25px
    }
    .feature_section2 .twoboxes strong em {
   

     color: #fff;
        font-size: 13px
    }
    

.feature_section3 .lstblogs .date {
        margin: 10px
    }
   

 .feature_section3 .lstblogs h4 {
        margin: 10px 10px 

10px 0
    }
    .feature_section5 li {
        width: 30%
    }
   

 .feature_section6 .climg img {
        width: 20%
    }
    

.footer .ftop .left {
        width: 27%
    }
    .footer .ftop 

.left h4 {
        margin-bottom: 0;
        font-size: 14px
    

}
    .footer .ftop .left h1 {
        font-size: 27px
    }
    

.footer .ftop .right {
        width: 59%
    }
    .footer .ftop 

.right .newsle_eminput {
        width: 70%
    }
    

.page_title1.sty7 .serch_area {
        width: 90%
    }
    

.page_title1.sty7 .serch_area .enter_email_input {
        

width: 68%
    }
    .feature_section13 .one_half_less img {
     

   width: 100%
    }
    .video_full_site {
        height: 300px
 

   }
    .feature_section17 .one_third {
        padding: 25px 

20px 45px
    }
    .feature_section17 .one_third a.but1 {
       

 padding: 13px 10px
    }
    .portfolio_area_left {
        

width: 100%;
        margin-bottom: 30px
    }
    

.portfolio_area_right {
        margin: 0;
        width: 100%
   

 }
}

@media (max-width:1000px) {
    #service 

li#digital.changeMenuColor ul li a strong,
    #service 

li#mobileApp.changeMenuColor ul li a strong,
    #service 

li#mobileApp1.changeMenuColor ul li a strong,
    #service 

li#mobileApp2.changeMenuColor ul li a strong,
    #techno 

li#mobileApp0.changeMenuColor ul li a strong,
    #techno 

li#source.changeMenuColor ul li a strong {
        color: 

#fff!important
    }
    .menu_main {
        float: right;
        width: 100%;
        top: -80px!important;
        position: 

relative
    }
    #responsive_company_child {
        display: 

none!important
    }
    #responsive_company_child.dropdown-

menu.techno.company.displyblockinreponsive.active,
    

.displyblockinreponsive {
        display: block!important
    }
 

   #responsive_company {
        color: #012966;
        cursor: 

pointer;
        display: block;
        float: left;
        

font-size: 30px;
        width: 10%
    }
    .dropdown-toggle {
  

      float: left;
        width: 90%
    }
    

#responsive_company1,
    #responsive_company_techno {
        

color: #012966;
        float: left;
        font-size: 33px;
    

    width: 10%;
        cursor: pointer
    }
    

#responsive_company_custom,
    #responsive_company_digital,
    

#responsive_company_mobile,
    #responsive_company_open,
    

#responsive_company_php,
    #responsive_company_web {
        

color: #012966;
        float: left;
        font-size: 33px;
    

    width: 10%;
        cursor: pointer;
        padding-left: 

15px
    }
    #responsive_company1,
    

#responsive_company_custom,
    #responsive_company_digital,
    

#responsive_company_mobile,
    #responsive_company_open,
    

#responsive_company_php,
    #responsive_company_techno,
    

#responsive_company_web {
        display: block
    }
    

#digital>a,
    #mobileApp0>a,
    #mobileApp1>a,
    

#mobileApp2>a,
    #mobileApp>a,
    #source>a {
        float: 

left;
        width: 90%
    }
    .dropdown-

menu.displynoneinreponsive {
        display: none!important
    

}
    .mega-menu-contnew .section-box strong {
        color: 

#2a363f!important
    }
    .mega-menu-contnew .section-box 

strong:hover {
        color: #012966!important
    }
    nav ul 

li {
        background: #fff;
        float: left;
        

width: 100%
    }
    #navbar-collapse-1 {
        background: 

#fff!important;
        border: 2px solid #f5f5f5
    }
    

#navbar-collapse-1 ul li {
        background: #f5f5f5;
        

border-top: 1px solid #ccc
    }
    .navbar-default .navbar-

nav>li>a {
        font-size: 16px;
        line-height: 11px
    

}
    .yamm .yamm-content {
        padding: 9px 20px
    }
}

@media only screen and (min-width:640px) and (max-width:767px) 

{
    .one_fifth,
    .one_fifth_less,
    .one_fourth,
    

.one_fourth_less,
    .one_half,
    .one_half_less,
    

.one_third,
    .one_third_less,
    .onecol_forty,
    

.onecol_forty_less,
    .onecol_sixty,
    .onecol_sixty_less,
   

 .onecol_thirtyfive,
    .onecol_thirtyfive_less,
    

.three_fourth,
    .three_fourth_less,
    .two_third,
    

.two_third_less {
        position: relative;
        margin-

right: 0;
        float: left
    }
    .one_fifth,
    

.one_fifth_less,
    .one_fourth,
    .one_fourth_less,
    

.one_full,
    .one_full_less,
    .one_half,
    .one_half_less,
 

   .one_third,
    .one_third_less,
    .onecol_forty,
    

.onecol_forty_less,
    .onecol_sixty,
    .onecol_sixty_less,
   

 .onecol_thirtyfive,
    .onecol_thirtyfive_less,
    

.three_fourth,
    .three_fourth_less,
    .two_third,
    

.two_third_less {
        width: 100%;
        margin-bottom: 

50px
    }
    .last {
        margin-right: 0!important;
        

margin-bottom: 0!important
    }
    .container {
        width: 

590px;
        margin: auto
    }
    .top_nav {
        padding-

bottom: 5px
    }
    .top_nav .left {
        width: 100%;
       

 padding: 7px 0
    }
    .top_nav .right {
        width: 100%
   

 }
    .top_nav ul.tplinks {
        padding-top: 0
    }
    

.top_nav .tplinks li {
        margin: 0 10px 0 0
    }
    

.tpbut {
        margin-top: 0
    }
    .domain_search 

.serch_area h5 {
        float: none;
        margin: 0 0 10px
   

 }
    .domain_search .offers ul {
        float: left
    }
    

.domain_search .offers li {
        padding: 25px 12px 30px;
    

    font-size: 16px
    }
    .host_plans .one_fourth_less {
     

   width: 100%;
        margin-bottom: 75px
    }
    .host_plans 

.one_fourth_less.last {
        margin-bottom: 0
    }
    

.host_plans .planbox .prices:before {
        border-left: 

295px solid transparent;
        border-right: 295px solid 

transparent
    }
    .feature_section2 .twoboxes:before {
       

 right: 0
    }
    .feature_section2 .twoboxes .left {
        

width: 100%;
        margin-bottom: 50px
    }
    

.feature_section2 .twoboxes .right {
        float: left;
       

 width: 100%
    }
    .feature_section2 .twoboxes strong {
      

  margin-bottom: 25px
    }
    .feature_section4 .center,
    

.feature_section4 .left,
    .feature_section4 .right {
        

width: 100%
    }
    .feature_section5 li {
        width: 22%
   

 }
    .feature_section5 .two_third {
        padding-top: 0
    

}
    .feature_section6 .climg img {
        width: 25%
    }
    

.footer .ftop {
        height: 250px;
        background: url

(../images/footer-img1.png) -300px top no-repeat
    }
    

.footer .ftop .left {
        width: 100%;
        text-align: 

center
    }
    .footer .ftop .right {
        width: 100%;
      

  margin-top: 30px
    }
    .footer .secarea {
        padding-

top: 35px
    }
    .footer .secarea .address,
    .footer 

.secarea .aliright {
        text-align: left
    }
    .footer 

.secarea .margin_bottom1 {
        margin-bottom: 0
    }
    

.copyrights .one_half {
        width: 100%;
        text-align: 

left;
        margin-bottom: 10px
    }
    .page_title1.sty7 

.serch_area {
        width: 95%
    }
    .page_title1.sty7 

.serch_area .enter_email_input {
        width: 64%
    }
    

.feature_section13 .one_half_less img {
        width: 100%
    

}
    .video_full_site {
        height: 250px
    }
    

.page_title1 .pagenation {
        float: left;
        width: 

100%;
        margin-top: -10px
    }
    .portfolio_area_left {
  

      width: 100%;
        margin-bottom: 30px
    }
    

.portfolio_area_right {
        margin: 0;
        width: 100%
   

 }
    .price_compare .prices {
        padding: 10px 0 20px
    

}
    .price_compare .prices strong {
        font-size: 30px
    

}
    .price_compare .prices h4 {
        font-size: 14px;
       

 margin-bottom: 5px
    }
    .price_compare .prices b {
        

font-size: 10px;
        margin-bottom: 10px;
        margin-

top: 0
    }
    .price_compare .prices a {
        font-size: 

9px;
        padding: 7px 10px
    }
    .price_compare 

.rowsremain.center span {
        font-size: 10px;
        

padding: 1px 10px 2px;
        margin-top: -48px
    }
    

.price_compare td.alileft,
    .price_compare th.alileft {
      

  font-size: 13px
    }
    .price_compare td,
    .price_compare 

th {
        font-size: 12px
    }
    .price_compare table i {
   

     font-size: 12px;
        width: 20px;
        height: 20px;
 

       line-height: 20px
    }
    .price_compare .title 

.arrow_box {
        padding: 12px 12px 12px 0
    }
    

.price_compare .title .arrow_box h5 {
        font-size: 12px;
  

      line-height: 16px;
        margin-bottom: 5px
    }
    

.price_compare .title .arrow_box h3 {
        font-size: 14px;
  

      line-height: 18px
    }
    .content_left,
    

.left_sidebar {
        width: 100%;
        margin-bottom: 75px
 

   }
    .content_right,
    .right_sidebar {
        width: 100%
 

   }
    .content_halfsite {
        width: 100%;
        

margin-right: 0
    }
    .android-icon {
        float: none;
    

    margin: 0 auto;
        text-align: center;
        width: 

43%
    }
    .col-md-4.iconitem {
        float: left;
        

width: 33%;
        height: 250px!important
    }
    #sl-

next>span,
    #sl-prev>span {
        top: 208px!important
    }
 

   .col-md-4.iconitem>p,
    .light {
        float: left;
       

 text-align: center;
        width: 100%
    }
}

@media only 

screen and (min-width:480px) and (max-width:639px) {
    

.one_fifth,
    .one_fifth_less,
    .one_fourth,
    

.one_fourth_less,
    .one_half,
    .one_half_less,
    

.one_third,
    .one_third_less,
    .onecol_forty,
    

.onecol_forty_less,
    .onecol_sixty,
    .onecol_sixty_less,
   

 .onecol_thirtyfive,
    .onecol_thirtyfive_less,
    

.three_fourth,
    .three_fourth_less,
    .two_third,
    

.two_third_less {
        position: relative;
        margin-

right: 0;
        float: left
    }
    .one_fifth,
    

.one_fifth_less,
    .one_fourth,
    .one_fourth_less,
    

.one_full,
    .one_full_less,
    .one_half,
    .one_half_less,
 

   .one_third,
    .one_third_less,
    .onecol_forty,
    

.onecol_forty_less,
    .onecol_sixty,
    .onecol_sixty_less,
   

 .onecol_thirtyfive,
    .onecol_thirtyfive_less,
    

.three_fourth,
    .three_fourth_less,
    .two_third,
    

.two_third_less {
        width: 100%;
        margin-bottom: 

50px
    }
    .last {
        margin-right: 0!important;
        

margin-bottom: 0!important
    }
    .container {
        width: 

440px;
        margin: auto
    }
    .logo {
        width: 70%
   

 }
    .top_nav {
        padding-bottom: 5px
    }
    .top_nav 

.left {
        width: 30%;
        padding: 7px 0
    }
    

.top_nav .right {
        width: 70%
    }
    .top_nav 

ul.tplinks {
        padding-top: 0
    }
    .top_nav .tplinks 

li {
        margin: 0 6px 0 0
    }
    .top_nav .tplinks li img 

{
        margin-right: 3px
    }
    .tpbut {
        margin-top: 

0
    }
    .slidermar {
        margin-top: 100px
    }
    

.domain_search .serch_area h5 {
        float: none;
        

margin: 0 0 10px
    }
    .domain_search .serch_area 

.enter_email_input {
        width: 100%
    }
    .domain_search 

.serch_area .input_submit {
        margin-left: 0;
        

margin-top: 10px
    }
    .domain_search .offers ul {
        

float: left
    }
    .domain_search .offers li {
        

padding: 25px 5px 30px;
        font-size: 14px;
        font-

weight: 400
    }
    .host_plans .one_fourth_less {
        

width: 100%;
        margin-bottom: 75px
    }
    .host_plans 

.one_fourth_less.last {
        margin-bottom: 0
    }
    

.host_plans .planbox .prices:before {
        border-left: 

220px solid transparent;
        border-right: 220px solid 

transparent
    }
    .feature_section2 .twoboxes:before {
       

 right: 0
    }
    .feature_section2 .twoboxes .left {
        

width: 100%;
        margin-bottom: 50px
    }
    

.feature_section2 .twoboxes .right {
        float: left;
       

 width: 100%
    }
    .feature_section2 .twoboxes i {
        

margin-right: 20px;
        font-size: 45px;
        margin-top: 

14px
    }
    .feature_section2 .twoboxes strong {
        

font-size: 35px;
        line-height: 30px;
        margin-

bottom: 25px
    }
    .feature_section2 .twoboxes strong em {
   

     color: #fff;
        font-size: 14px
    }
    

.feature_section3 .lstblogs .date {
        margin: 20px
    }
   

 .feature_section3 .lstblogs h4 {
        margin: 20px 20px 

20px 0
    }
    .feature_section4 .center,
    .feature_section4 

.left,
    .feature_section4 .right {
        width: 100%
    }
   

 .feature_section5 li {
        width: 30%
    }
    

.feature_section5 .two_third {
        padding-top: 0
    }
    

.feature_section6 .climg {
        background-position: center 

34px
    }
    .feature_section6 .climg img {
        width: 25%
  

  }
    .footer .ftop {
        height: 250px;
        

background: url(../images/footer-img1.png) -380px top no-

repeat
    }
    .footer .ftop .left {
        width: 100%;
       

 text-align: center
    }
    .footer .ftop .right {
        

width: 100%;
        margin-top: 30px
    }
    .footer .ftop 

.right .newsle_eminput {
        width: 71%
    }
    .footer 

.secarea {
        padding-top: 35px
    }
    .footer .secarea 

.address,
    .footer .secarea .aliright {
        text-align: 

left
    }
    .footer .secarea .margin_bottom1 {
        

margin-bottom: 0
    }
    .copyrights .one_half {
        width: 

100%;
        text-align: left;
        margin-bottom: 10px
    }
 

   .page_title1 {
        margin-top: 105px
    }
    

.page_title1.sty7 .serch_area {
        width: 90%
    }
    

.page_title1.sty7 .serch_area .enter_email_input {
        

width: 100%
    }
    .page_title1.sty7 .serch_area 

.input_submit {
        margin-left: 0;
        margin-top: 12px
 

   }
    .feature_section11 ul.domlist1 {
        width: 33%
    

}
    .feature_section11 .tabs>li {
        font-size: 14px;
     

   line-height: 16px
    }
    .feature_section13 .one_half_less 

img {
        width: 100%
    }
    .video_full_site {
        

width: 90%;
        height: 230px
    }
    .page_title1 

.pagenation {
        float: left;
        width: 100%;
        

margin-top: -10px
    }
    .portfolio_area_left {
        width: 

100%;
        margin-bottom: 30px
    }
    .portfolio_area_right 

{
        margin: 0;
        width: 100%
    }
    .price_compare 

.prices {
        padding: 0 0 10px
    }
    .price_compare 

.prices strong {
        font-size: 21px
    }
    .price_compare 

.prices strong i {
        font-size: 9px
    }
    

.price_compare .prices h4 {
        font-size: 10px;
        

margin-bottom: 0
    }
    .price_compare .prices b {
        

font-size: 7px;
        margin-bottom: 7px;
        margin-top: 

0
    }
    .price_compare .prices a {
        font-size: 9px;
    

    padding: 7px 10px
    }
    .price_compare 

.rowsremain.center span {
        font-size: 9px;
        

padding: 1px 10px 2px;
        margin-top: -31px
    }
    

.price_compare td.alileft,
    .price_compare th.alileft {
      

  font-size: 13px;
        line-height: 18px;
        padding-

left: 10px
    }
    .price_compare td,
    .price_compare th {
   

     font-size: 12px;
        line-height: 16px
    }
    

.price_compare table i {
        font-size: 10px;
        width: 

20px;
        height: 20px;
        line-height: 20px
    }
    

.price_compare .title .arrow_box {
        padding: 12px 9px 

12px 0
    }
    .price_compare .title .arrow_box h5 {
        

font-size: 10px;
        line-height: 12px;
        margin-

bottom: 5px
    }
    .price_compare .title .arrow_box h3 {
      

  font-size: 12px;
        line-height: 16px
    }
    

.price_compare table,
    .price_compare td,
    .price_compare 

th {
        border-spacing: 1px 1px
    }
    .content_left,
    

.left_sidebar {
        width: 100%;
        margin-bottom: 75px
 

   }
    .content_right,
    .right_sidebar {
        width: 100%
 

   }
    .content_halfsite {
        width: 100%;
        

margin-right: 0
    }
}

@media only screen and (max-width:479px) 

{
    .one_fifth,
    .one_fifth_less,
    .one_fourth,
    

.one_fourth_less,
    .one_half,
    .one_half_less,
    

.one_third,
    .one_third_less,
    .onecol_forty,
    

.onecol_forty_less,
    .onecol_sixty,
    .onecol_sixty_less,
   

 .onecol_thirtyfive,
    .onecol_thirtyfive_less,
    

.three_fourth,
    .three_fourth_less,
    .two_third,
    

.two_third_less {
        position: relative;
        margin-

right: 0;
        float: left
    }
    .one_fifth,
    

.one_fifth_less,
    .one_fourth,
    .one_fourth_less,
    

.one_full,
    .one_full_less,
    .one_half,
    .one_half_less,
 

   .one_third,
    .one_third_less,
    .onecol_forty,
    

.onecol_forty_less,
    .onecol_sixty,
    .onecol_sixty_less,
   

 .onecol_thirtyfive,
    .onecol_thirtyfive_less,
    

.three_fourth,
    .three_fourth_less,
    .two_third,
    

.two_third_less {
        width: 100%;
        margin-bottom: 

50px
    }
    .last {
        margin-right: 0!important;
        

margin-bottom: 0!important
    }
    .container {
        width: 

300px;
        margin: auto
    }
    .top_nav {
        padding-

bottom: 5px
    }
    .top_nav .left {
        width: 25%;
        

padding: 7px 0
    }
    .top_nav .right {
        width: 75%
    

}
    .top_nav .select-style {
        width: 75px
    }
    

.top_nav .select-style select {
        font-size: 9px;
        

padding: 7px 5px;
        width: 100%
    }
    .top_nav strong {
 

       font-size: 12px;
        margin-right: 0
    }
    

.top_nav strong i {
        font-size: 9px;
        width: 16px;
 

       height: 16px;
        line-height: 16px;
        margin-

right: 1px
    }
    .domain_search .serch_area 

.enter_email_input,
    .tplinks {
        width: 100%
    }
    

.top_nav ul.tplinks {
        padding-top: 0
    }
    .top_nav 

.tplinks li {
        margin: 0
    }
    .tplinks>li {
        

margin-left: 6px!important
    }
    .top_nav .tplinks li a {
    

    font-size: 13px
    }
    .top_nav .tplinks li img {
        

margin-right: 4px;
        display: none
    }
    .tpbut {
       

 margin-top: 3px
    }
    .slidermar {
        margin-top: 97px
  

  }
    .tplinks li img {
        display: block!important
    }
  

  .domain_search .serch_area h5 {
        float: none;
        

margin: 0 0 10px
    }
    .domain_search .serch_area 

.input_submit {
        margin-left: 0;
        margin-top: 10px
 

   }
    .domain_search .offers ul {
        float: left
    }
    

.domain_search .offers li {
        padding: 25px 0 0;
        

font-size: 14px;
        font-weight: 400;
        width: 90px;
  

      text-align: center;
        border: none
    }
    

.host_plans .one_fourth_less {
        width: 100%;
        

margin-bottom: 65px
    }
    .host_plans .one_fourth_less.last 

{
        margin-bottom: 0
    }
    .host_plans .planbox 

.prices:before {
        border-left: 151px solid transparent;
  

      border-right: 151px solid transparent
    }
    

.feature_section2 .twoboxes:before {
        right: 0
    }
    

.feature_section2 .twoboxes .left {
        width: 100%;
        

margin-bottom: 50px
    }
    .feature_section2 .twoboxes .right 

{
        float: left;
        width: 100%
    }
    

.feature_section2 .twoboxes i {
        margin-right: 10px;
     

   font-size: 27px;
        margin-top: 12px
    }
    

.feature_section2 .twoboxes strong {
        font-size: 27px;
   

     line-height: 25px;
        margin-bottom: 25px
    }
    

.feature_section2 .twoboxes strong em {
        color: #fff;
    

    font-size: 12px
    }
    .feature_section3 .lstblogs .date 

{
        margin: 10px;
        width: 14%
    }
    

.feature_section3 .lstblogs h4 {
        margin: 10px 10px 10px 

0;
        width: 72%
    }
    .feature_section4 .center,
    

.feature_section4 .left,
    .feature_section4 .right {
        

width: 100%;
        padding: 45px 20px 56px
    }
    

.feature_section5 li {
        width: 45%
    }
    

.feature_section5 .two_third {
        padding-top: 0
    }
    

.feature_section6 .climg img {
        width: 50%
    }
    

.footer .ftop {
        height: auto;
        background-position-x:-465px;
    }
    

.footer .ftop .left {
        width: 100%;
        text-align: 

left
    }
    .footer .ftop .right {
        width: 100%;
        

margin-top: 30px
    }
    .footer .ftop .right .newsle_eminput 

{
        width: 72%
    }
    .footer .ftop .right .input_submit 

{
        padding: 13px 12px 14px;
        font-size: 14px;
      

  margin-left: 5px
    }
    .footer .ftop .left h4 {
        

margin-bottom: 0;
        font-size: 14px
    }
    .footer .ftop 

.left h1 {
        font-size: 35px
    }
    .footer .secarea {
   

     padding-top: 35px
    }
    .footer .secarea .address,
    

.footer .secarea .aliright {
        text-align: left
    }
    

.footer .secarea .margin_bottom1 {
        margin-bottom: 0
    

}
    .copyrights .one_half {
        width: 100%;
        text-

align: left;
        margin-bottom: 10px
    }
    .page_title1 {
 

       margin-top: 98px
    }
    .page_title1.sty7 .serch_area 

{
        width: 90%
    }
    .page_title1.sty7 .serch_area 

.enter_email_input {
        width: 100%
    }
    

.page_title1.sty7 .serch_area .input_submit {
        margin-

left: 0;
        margin-top: 12px
    }
    .feature_section11 

ul.domlist1 {
        width: 50%
    }
    .feature_section11 

.tabs>li {
        font-size: 12px;
        line-height: 16px;
   

     padding: 12px 12px 18px
    }
    .feature_section13 

.one_half_less img {
        width: 100%
    }
    

.video_full_site {
        width: 90%;
        height: 154px
    

}
    .feature_section14 .one_half {
        text-align: center;
 

       padding: 30px 20px
    }
    .feature_section14 .one_half 

img {
        float: none;
        margin-right: 0;
        

margin-bottom: 10px
    }
    .feature_section17 .one_third {
    

    padding: 35px 40px 45px
    }
    .feature_section17 

.one_third a.but1 {
        padding: 13px 20px
    }
    

.page_title1 .pagenation {
        float: left;
        width: 

100%;
        margin-top: -10px
    }
    .portfolio_area_left {
  

      width: 100%;
        margin-bottom: 30px
    }
    

.portfolio_area_right {
        margin: 0;
        width: 100%
   

 }
    .price_compare .prices {
        padding: 0 0 10px
    }
   

 .price_compare .prices strong {
        font-size: 18px
    }
   

 .price_compare .prices strong i {
        font-size: 8px
    }
  

  .price_compare .prices h4 {
        font-size: 9px;
        

margin-bottom: 0
    }
    .price_compare .prices b {
        

font-size: 8px;
        margin-bottom: 7px;
        margin-top: 

0
    }
    .price_compare .prices a {
        font-size: 9px;
    

    padding: 2px 3px
    }
    .price_compare .rowsremain.center 

span {
        font-size: 7px;
        padding: 1px 10px 2px;
    

    margin-top: -29px
    }
    .price_compare td.alileft,
    

.price_compare th.alileft {
        font-size: 11px;
        

line-height: 14px;
        padding-left: 7px
    }
    

.price_compare td,
    .price_compare th {
        font-size: 

11px;
        line-height: 14px
    }
    .price_compare table i 

{
        font-size: 9px;
        width: 16px;
        height: 

16px;
        line-height: 16px
    }
    .price_compare .title 

.arrow_box {
        padding: 12px 5px 12px 0
    }
    

.price_compare .title .arrow_box h5 {
        font-size: 9px;
   

     line-height: 10px;
        margin-bottom: 5px
    }
    

.price_compare .title .arrow_box h3 {
        font-size: 9px;
   

     line-height: 12px
    }
    .price_compare .rowfirst {
      

  width: 26%
    }
    .price_compare .rowsremain {
        

width: 31%
    }
    .price_compare table,
    .price_compare td,
 

   .price_compare th {
        border-spacing: 1px 1px
    }
    

.content_left,
    .left_sidebar {
        width: 100%;
        

margin-bottom: 75px
    }
    .content_right,
    .right_sidebar 

{
        width: 100%
    }
    .content_halfsite {
        width: 

100%;
        margin-right: 0
    }
}

.left>li {
    list-style: 

none
}

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

.page_title1.sty10.companeyes.Infrastructure,
    

.page_title1.sty10.companeyes.Infrastructure.profiles,
    

.page_title1.sty10.companeyes.Infrastructure.profiles.career,
  

  .page_title1.sty10.companeyes.Technologi.androidapp,
    

.page_title1.sty10.companeyes.Technologi.crm,
    

.page_title1.sty10.companeyes.Technologi.custom,
    

.page_title1.sty10.companeyes.Technologi.digitalmarketing,
    

.page_title1.sty10.companeyes.Technologi.e-commercebanner,
    

.page_title1.sty10.companeyes.Technologi.erp,
    

.page_title1.sty10.companeyes.Technologi.mobile-application,
   

 .page_title1.sty10.companeyes.Technologi.mobileweb,
    

.page_title1.sty10.companeyes.Technologi.responsivewebbanner,
  

  .page_title1.sty10.companeyes.Technologi.webdesign,
    

.page_title1.sty10.companeyes.Technologi.webdesignservicebanne

r,
    .page_title1.sty10.companeyes.Technologi.webservice {
    

    padding: 102px 0 108px!important;
        background-size: 

100% 100%!important
    }
    .col-md-12>h1 {
        float: 

left;
        width: 100%
    }
    #ServicesPage 

.page_title1.sty10.Services,
    #androidAppsDevelopment 

.page_title1.androidAppsDevelopment,
    #companyPageAl 

.page_title1.sty10.companeyes.companyPageAl,
    

#contactUsPages .page_title1.sty4.contactUsPages,
    

#crmDeveloPment 

.page_title1.sty10.companeyes.Technologi.crmDeveloPment,
    

#customSoftwareDevelopment 

.page_title1.sty10.companeyes.Technologi.customSoftwareDevelop

ment,
    #digitalMarketing 

.page_title1.sty10.companeyes.Technologi.digitalMarketing,
    

#eCommerceSolution 

.page_title1.sty10.companeyes.Technologi.eCommerceSolution,
    

#erpDevelopment 

.page_title1.sty10.companeyes.Technologi.erpDevelopment,
    

#ipadApplicationDevelopment 

.page_title1.sty10.companeyes.Technologi.iphone.ipadApplicatio

nDevelopment,
    #iphoneApplicationDevelopment 

.page_title1.iphoneApplicationDevelopment,
    

#mobileApplicationDevelopment 

.page_title1.sty10.companeyes.Technologi.mobileApplicationDeve

lopment,
    #mobilewebdesign 

.page_title1.sty10.companeyes.Technologi.mobilewebdesign,
    

#payPerClick 

.page_title1.sty10.companeyes.Technologi.payPerClick,
    

#portfolioPage .page_title1.sty9.portfolioPage,
    

#responsiveWebDesigns 

.page_title1.sty10.companeyes.Technologi.responsiveWebDesigns,
 

   #saasDevelopment 

.page_title1.sty10.companeyes.Technologi.saasDevelopment,
    

#searchEngineOptimization 

.page_title1.sty10.companeyes.Technologi.searchEngineOptimizat

ion,
    #searchSngineMarketing 

.page_title1.sty10.companeyes.Technologi.searchSngineMarketing

,
    #socialMediaOptimization 

.page_title1.sty10.companeyes.Technologi.socialMediaOptimizati

on,
    #webApplicationServices 

.page_title1.sty10.companeyes.Technologi.webApplicationService

s,
    #webDesignDevelopment 

.page_title1.sty10.companeyes.Technologi.webDesignDevelopment,
 

   #webDesignServices 

.page_title1.sty10.companeyes.Technologi.webDesignServices {
   

     background-size: 100% 100%!important
    }
    .mobile p {
  

      margin-bottom: 30px;
        text-align: center
    }
    

.box>p {
        text-align: center!important
    }
    

.page_title1.sty10.companeyes.Technologi.webdesign {
        

background-size: 100% 100%!important;
        padding: 35px!

important
    }
    .breadcrumb>li {
        font-size: 11px
    }
 

   .logo {
        float: none;
display:flex;
        margin: 11px 0;
        width: auto;
    }
    .white.follow {
        float: left;
        width: 29%;
        text-align: left!important
    }
    .footer ul.foosocial {
        float: left;
        width: 73%
    }
    

.nav.navbar-nav {
        background: #272727
    }
    .img-

thumbnail.img-responsive.full-height {
        height: 400px
    

}
    .ms-layer.text3,
    .ms-slide h6 {
        display: none!

important
    }
    .tpbut.two {
        display: none
    }
    

.service:hover img {
        display: none!important
    }
    

.domain_search>h1 {
        font-size: 18px
    }
    .js 

.detached.accordion>section>:first-child span {
        font-

size: 13px!important;
        padding: 12px 7px!important
    }
  

  .parallax_section1 {
        padding: 15px 0 70px
    }
    

.clearfix.margin_bottom5,
    .one_third.animate.fadeIn {
       

 margin: 0
    }
    .feature_section1 {
        padding: 20px 0
  

  }
    .parallax_section1 section h2 {
        font-size: 20px
  

  }
    .top_nav .left {
        display: none
    }
    .top_nav 

.right {
        margin-bottom: 5px;
        margin-top: 7px;
    

    width: 95%
    }
    .page_title1.sty9 {
        padding: 

35px 0 40px
    }
    .breadcrumb {
        margin-top: 15px
    }
 

   .row-fluid .btn--warning {
        margin-bottom: 15px
    }
  

  .footer .ftop .right .newsle_eminput {
        width: 69%
    

}
    .footer .ftop .right {
        margin-top: 50px
    }
    

.footer .ftop .left h1 {
        font-size: 28px
    }
    

.secarea .icon {
        float: left;
        margin: 0 auto;
    

    width: 94%;
        padding-left: 10px
    }
    .ms-

layer.sbut1 {
        font-size: 10px!important;
        

padding: 16px 17px!important
    }
    .ms-skin-default .ms-

nav-next {
        right: 0
    }
    .ms-skin-default .ms-nav-

next,
    .ms-skin-default .ms-nav-prev {
        left: 0
    }
   

 .parallax_section2 {
        padding-top: 20px;
        

padding-bottom: 20px
    }
    .caps {
        font-size: 17px
    

}
    .page_title1.sty4 {
        padding: 50px 0
    }
    

.container.alileft>h1 {
        font-size: 24px
    }
    .jaipur 

{
        width: 100%
    }
    .one_fourth.center {
        

padding-left: 18px
    }
    .one_fourth {
        margin-bottom: 

20px
    }
    .address>h6 {
        color: #fff;
        font-

size: 14px
    }
    .one_fourth.center.down {
        margin-

top: 15px!important;
        margin-bottom: 0
    }
    .navbar-

default .navbar-nav>li>a:hover {
        color: #ad1d1f!

important
    }
}

@media only screen and (min-device-width:768px) 

and (max-device-width:1024px) {
    .ms-layer.text3,
    .ms-

slide-layers h6,
    .navbar-collapse.pull-right.collapse {
     

   display: none!important
    }
    .col-md-12>h1 {
        

float: left;
        width: 100%
    }
    

.page_title1.sty10.companeyes.Infrastructure.profiles {
        

background-size: 100% 100%!important;
        padding: 102px 0 

108px!important
    }
    

.page_title1.sty10.companeyes.Infrastructure {
        

background-size: 100% 100%!important
    }
    

.page_title1.sty10.companeyes.Infrastructure.profiles.career {
 

       padding: 102px 0 108px!important;
        background: 

url(../images/careerbanner.jpg) center top no-repeat #999!

important
    }
    

.page_title1.sty10.companeyes.Technologi.mobile-application {
  

      background-size: 100% 100%!important
    }
    

.page_title1.sty10.companeyes.Technologi.webdesign {
        

background: url(../images/webdesignbanner.jpg) center top no-

repeat #999!important;
        background-size: 100% 100%!

important;
        padding: 102px 0 108px!important
    }
    

#ServicesPage .page_title1.sty10.Services,
    

#androidAppsDevelopment .page_title1.androidAppsDevelopment,
   

 #companyPageAl .page_title1.sty10.companeyes.companyPageAl,
   

 #contactUsPages .page_title1.sty4.contactUsPages,
    

#crmDeveloPment 

.page_title1.sty10.companeyes.Technologi.crmDeveloPment,
    

#customSoftwareDevelopment 

.page_title1.sty10.companeyes.Technologi.customSoftwareDevelop

ment,
    #digitalMarketing 

.page_title1.sty10.companeyes.Technologi.digitalMarketing,
    

#eCommerceSolution 

.page_title1.sty10.companeyes.Technologi.eCommerceSolution,
    

#erpDevelopment 

.page_title1.sty10.companeyes.Technologi.erpDevelopment,
    

#ipadApplicationDevelopment 

.page_title1.sty10.companeyes.Technologi.iphone.ipadApplicatio

nDevelopment,
    #iphoneApplicationDevelopment 

.page_title1.iphoneApplicationDevelopment,
    

#mobileApplicationDevelopment 

.page_title1.sty10.companeyes.Technologi.mobileApplicationDeve

lopment,
    #mobilewebdesign 

.page_title1.sty10.companeyes.Technologi.mobilewebdesign,
    

#payPerClick 

.page_title1.sty10.companeyes.Technologi.payPerClick,
    

#portfolioPage .page_title1.sty9.portfolioPage,
    

#responsiveWebDesigns 

.page_title1.sty10.companeyes.Technologi.responsiveWebDesigns,
 

   #saasDevelopment 

.page_title1.sty10.companeyes.Technologi.saasDevelopment,
    

#searchEngineOptimization 

.page_title1.sty10.companeyes.Technologi.searchEngineOptimizat

ion,
    #searchSngineMarketing 

.page_title1.sty10.companeyes.Technologi.searchSngineMarketing

,
    #socialMediaOptimization 

.page_title1.sty10.companeyes.Technologi.socialMediaOptimizati

on,
    #webApplicationServices 

.page_title1.sty10.companeyes.Technologi.webApplicationService

s,
    #webDesignDevelopment 

.page_title1.sty10.companeyes.Technologi.webDesignDevelopment,
 

   #webDesignServices 

.page_title1.sty10.companeyes.Technologi.webDesignServices,
    

.page_title1,
    

.page_title1.sty10.companeyes.Technologi.androidapp,
    

.page_title1.sty10.companeyes.Technologi.crm,
    

.page_title1.sty10.companeyes.Technologi.custom,
    

.page_title1.sty10.companeyes.Technologi.digitalmarketing,
    

.page_title1.sty10.companeyes.Technologi.e-commercebanner,
    

.page_title1.sty10.companeyes.Technologi.erp,
    

.page_title1.sty10.companeyes.Technologi.mobileweb,
    

.page_title1.sty10.companeyes.Technologi.responsivewebbanner,
  

  

.page_title1.sty10.companeyes.Technologi.webdesignservicebanne

r,
    .page_title1.sty10.companeyes.Technologi.webservice {
    

    background-size: 100% 100%!important
    }
    .top_nav 

strong {
        font-size: 13px
    }
    .mobile p {
        

margin-bottom: 30px;
        text-align: center
    }
    

.navbar-collapse {
        top: 60px
    }
    .navbar-header {
   

     float: right;
        margin-right: 20px
    }
    .ms-

layer.text2.caps {
        margin-top: 15px!important
    }
    

.ms-layer.sbut1 {
        font-size: 13px!important;
        

margin-top: -15px!important
    }
    .top_nav ul.tplinks {
      

  float: right;
        margin: 0;
        padding: 3px 0 0
    }
 

   .top_nav .left {
        padding: 10px 0!important
    }
    

.one_fourth,
    .one_fourth.last.aliright {
        padding-

left: 20px
    }
    .nav.navbar-nav {
        margin: 0;
        

width: 100%;
        float: right
    }
    .section-box {
        

margin-left: 20px
    }
    .feature_section1 .col-md-4 {
        

height: 210px!important
    }
    .navbar-default .navbar-

nav>li>a {
        color: #2a363f!important;
        font-size: 

13px!important
    }
    .logo {
        width: 35%
    }
    

ul.nav>li>a.active,
    ul.nav>li>a:hover {
        color: 

#012966!important
    }
    .one_fourth {
        margin-bottom: 

25px
    }
    .icon {
        margin: 0 auto;
        width: 95%
  

  }
    .footer .ftop .left h4 {
        font-size: 13px;
        

margin-bottom: 0
    }
    .footer .ftop .right .newsle_eminput 

{
        width: 69%
    }
    .clearfix.margin_bottom5 {
        

margin: 0
    }
    .top_nav .left {
        width: 50%;
        

float: left
    }
    .top_nav .right {
        width: 50%;
       

 margin-top: 9px
    }
    .page_title1 {
        padding-top: 

0!important
    }
    .detached.tabs>ul>li span {
        font-

size: 9px!important;
        margin: 0 2px!important;
        

padding: 6px!important
    }
    .center>img {
        margin-

right: 20px!important;
        padding-bottom: 114px;
        

width: 30%
    }
    .one_third .android-icon {
        float: 

none;
        margin: 0 auto;
        text-align: center
    }
    

.light {
        float: left;
        font-weight: 600!

important;
        width: 100%;
        text-align: center
    }
  

  .one_third .col-md-4>p {
        float: left;
        text-

align: center;
        width: 100%
    }
    

.clearfix.margin_bottom3 {
        margin: 10px
    }
    .col-

md-4.iconitem {
        float: left;
        height: 220px;
      

  width: 33%
    }
    .one_third .android-icon {
        width: 

30%
    }
    #sl-next>span,
    #sl-prev>span {
        top: 

254px!important
    }
    .one_fourth {
        float: left;
      

  width: 45%
    }
    .one_fourth.center.down,
    

.one_fourth.last.aliright {
        width: 100%
    }
    .footer 

.secarea .follow {
        margin-bottom: 14px;
        text-

align: left!important;
        width: 16%;
        float: left;
  

      padding-left: 15px
    }
    .one_fourth.center.down {
     

   margin-bottom: 0;
        margin-top: 0
    }
    .footer 

ul.foosocial {
        width: 70%!important
    }
}

@media only 

screen and (min-device-width:768px) and (max-device-

width:1024px) and (orientation:landscape) {
    .menu_main {
    

    float: left;
        width: 71%;
        z-index: 9999
    }
  

  .logo {
        width: 29%
    }
    .navbar-default .navbar-

nav>li>a {
        color: #2a363f!important;
        font-size: 

15px!important
    }
    .row-fluid .span4 {
        float: 

right;
        width: 24.915%
    }
    .footer .ftop .left h1 {
  

      font-size: 35px
    }
    .clearfix.margin_bottom5 {
       

 margin: 30px
    }
    .feature_section1 i {
        margin: 6px 

11px 10px 6px
    }
    .dropdown-menu.techno.company {
        

left: 53px!important;
        width: 60%
    }
    .section-box 

ul li .mobile {
        margin-top: 25px;
        width: 45%
    

}
    .img-responsive.mobile.profile {
        padding-top: 0;
   

     top: -52px!important
    }
    .dropdown-

submenu.mul.service strong {
        font-size: 13px
    }
    

.dropdown-menu.font.downup {
        left: 43%!important;
       

 top: -8%!important
    }
    #navbar-collapse-1 ul li .img-

responsive {
        opacity: 0
    }
    .dropdown-

menu.lefts.down {
        left: 43%!important;
        top: -

127%!important
    }
    .service .dropdown-menu>li>a {
        

padding: 2px 20px!important
    }
    .dropdown-menu.lefts.upon 

{
        left: 43%!important;
        position: absolute;
       

 top: -252%!important
    }
    .dropdown-menu.lefts.up {
        

left: 43%!important;
        position: absolute;
        top: -

378%!important
    }
    .detached.tabs>ul>li span {
        

font-size: 12px!important
    }
    .col-md-4.iconitem {
        

height: 175px
    }
    .one_third .android-icon {
        width: 

25%
    }
    .light {
        text-align: center
    }
    .footer 

.secarea .follow {
        width: 13%
    }
    .footer 

ul.foosocial {
        width: 76%!important
    }
    ul#menuUL 

li.changeMenuColor a {
        color: #012966!important
    }
}

@media only screen and (max-width:1000px) {
    .header {
       

 height: 100px!important
    }
    .feature_section1 .col-md-4 {
 

       height: 100px
    }
    .clearfix.margin_bottom5,
    

.one_third.animate.fadeIn {
        margin: 0
    }
    .footer 

ul.foosocial {
        width: 35%
    }
    .top_nav .right {
     

   float: right;
        margin-top: 9px;
        width: 60%
    

}
    .top_nav .left {
        float: left;
        padding: 7px 

0;
        width: 40%
    }
    .top_nav i {
        height: auto;
 

       width: auto
    }
    #navbar-collapse-1 {
        

background: #303030
    }
    .menu_main {
        float: right;
      width: 100%;
        top: -80px!important;
        position: relative
    }
    .page_title1 {
        background-

size: 100% 100%!important;
        padding-top: 0!important
    

}
    .ms-layer.text1.caps {
        font-size: 13px!important
   

 }
    .develop {
        position: relative;
        top: -16px
  

  }
    .dropdown-menu ul li:hover .mobile {
        display: 

none!important;
        opacity: 0!important
    }
    

.dropdown-submenu.mul.service:hover span img {
        display: 

block!important
    }
    .dropdown-submenu.mul.service span {
   

     display: none
    }
    .section-box ul li:hover img {
      

  display: none!important
    }
    .section-box {
        

margin-bottom: 0!important
    }
}

@media only screen and (max-

width:480px) {
    #sl-view,
    #slider #sl-next,
    #slider 

#sl-prev,
    .sl-div,
    .sl-div>img {
        height: 300px!

important
    }
    .top_nav .right {
        width: 100%
    }
    

#tabsaccordion-0-tab-1>span {
        padding: 12px 22px!

important
    }
    #tabsaccordion-0-tab-2>span {
        

padding: 12px 13px!important
    }
    #tabsaccordion-0-tab-

3>span {
        padding: 12px 57px!important
    }
    

#tabsaccordion-0 .bigtfont.dark,
    #tabsaccordion-0 h2,
    

.js .detached.accordion>section>:first-child {
        text-

align: center
    }
    #tabsaccordion-0 .center {
        text-

align: center;
        width: 100%
    }
    .one_third 

.android-icon {
        float: none;
        margin: 0 auto;
     

   text-align: center;
        width: 23%
    }
    .light,
    

.one_third .col-md-4>p {
        float: left;
        width: 

100%;
        text-align: center
    }
    .light {
        font-

weight: 600!important
    }
    .clearfix.margin_bottom3 {
       

 margin: 10px
    }
    .parallax_section2 .one_fifth_less {
     

   margin-bottom: 10px
    }
    #slider-outline #sl-next,
    

#slider-outline #sl-prev {
        width: 50px!important
    }
   

 .sl-div>img {
        margin-top: -164px!important;
        

width: 45%!important
    }
    #sl-next>span,
    #sl-prev>span {
 

       top: 112px!important
    }
    #slider-outline .sl-div a 

{
        margin-left: 42%!important;
        margin-top: 

130px!important
    }
    .feature_section6 {
        padding: 

40px 0 50px
    }
    .client_logos ul li {
        margin-

bottom: 20px;
        width: 100%
    }
    .client_logos {
       

 padding: 40px 0
    }
    .left>h3 {
        color: #012966;
     

   font-size: 20px;
        padding-top: 10px;
        text-

align: center
    }
    .footer .secarea .address {
        

padding-bottom: 10px;
        text-align: left
    }
    

.one_fourth.center.down {
        margin-top: 0
    }
    .footer 

ul.foosocial {
        width: 69%
    }
    .copyrights .one_half 

{
        text-align: center
    }
    .center>img {
        

width: 100%
    }
}

@media only screen and (min-width:320px) and 

(max-width:480px) and (orientation:landscape) {
    .footer 

ul.foosocial {
        width: 49%
    }
    .one_third .android-

icon {
        width: 17%
    }
    .one_fourth {
        width: 

50%
    }
    .one_fourth.center.down,
    

.one_fourth.last.aliright {
        width: 100%
    }
}

@media 

only screen and (min-width:481px) and (max-width:767px) {
    

.col-md-12>h1 {
        float: left;
        width: 100%
    }
    

.top_nav strong {
        font-size: 13px
    }
    

.page_title1.sty10.companeyes.Infrastructure.profiles {
        

background-size: 100% 100%!important;
        padding: 102px 0 

108px!important
    }
    

.page_title1.sty10.companeyes.Infrastructure {
        

background-size: 100% 100%!important
    }
    

.page_title1.sty10.companeyes.Infrastructure.profiles.career {
 

       background: url(../images/careerbanner.jpg) center top 

no-repeat #999!important;
        background-size: cover
    }
   

 .page_title1.sty10.companeyes.Technologi.mobile-application {
 

       background-size: 100% 100%!important
    }
    

.page_title1.sty10.companeyes.Technologi.webdesign {
        

background: url(../images/webdesignbanner.jpg) center top no-

repeat #999!important;
        background-size: 100% 100%!

important;
        padding: 102px 0 108px!important
    }
    

#ServicesPage .page_title1.sty10.Services,
    

#androidAppsDevelopment .page_title1.androidAppsDevelopment,
   

 #companyPageAl .page_title1.sty10.companeyes.companyPageAl,
   

 #contactUsPages .page_title1.sty4.contactUsPages,
    

#crmDeveloPment 

.page_title1.sty10.companeyes.Technologi.crmDeveloPment,
    

#customSoftwareDevelopment 

.page_title1.sty10.companeyes.Technologi.customSoftwareDevelop

ment,
    #digitalMarketing 

.page_title1.sty10.companeyes.Technologi.digitalMarketing,
    

#eCommerceSolution 

.page_title1.sty10.companeyes.Technologi.eCommerceSolution,
    

#erpDevelopment 

.page_title1.sty10.companeyes.Technologi.erpDevelopment,
    

#ipadApplicationDevelopment 

.page_title1.sty10.companeyes.Technologi.iphone.ipadApplicatio

nDevelopment,
    #iphoneApplicationDevelopment 

.page_title1.iphoneApplicationDevelopment,
    

#mobileApplicationDevelopment 

.page_title1.sty10.companeyes.Technologi.mobileApplicationDeve

lopment,
    #mobilewebdesign 

.page_title1.sty10.companeyes.Technologi.mobilewebdesign,
    

#payPerClick 

.page_title1.sty10.companeyes.Technologi.payPerClick,
    

#portfolioPage .page_title1.sty9.portfolioPage,
    

#responsiveWebDesigns 

.page_title1.sty10.companeyes.Technologi.responsiveWebDesigns,
 

   #saasDevelopment 

.page_title1.sty10.companeyes.Technologi.saasDevelopment,
    

#searchEngineOptimization 

.page_title1.sty10.companeyes.Technologi.searchEngineOptimizat

ion,
    #searchSngineMarketing 

.page_title1.sty10.companeyes.Technologi.searchSngineMarketing

,
    #socialMediaOptimization 

.page_title1.sty10.companeyes.Technologi.socialMediaOptimizati

on,
    #webApplicationServices 

.page_title1.sty10.companeyes.Technologi.webApplicationService

s,
    #webDesignDevelopment 

.page_title1.sty10.companeyes.Technologi.webDesignDevelopment,
 

   #webDesignServices 

.page_title1.sty10.companeyes.Technologi.webDesignServices,
    

.page_title1.sty10.companeyes.Technologi.androidapp,
    

.page_title1.sty10.companeyes.Technologi.crm,
    

.page_title1.sty10.companeyes.Technologi.custom,
    

.page_title1.sty10.companeyes.Technologi.digitalmarketing,
    

.page_title1.sty10.companeyes.Technologi.e-commercebanner,
    

.page_title1.sty10.companeyes.Technologi.erp,
    

.page_title1.sty10.companeyes.Technologi.mobileweb,
    

.page_title1.sty10.companeyes.Technologi.responsivewebbanner,
  

  

.page_title1.sty10.companeyes.Technologi.webdesignservicebanne

r,
    .page_title1.sty10.companeyes.Technologi.webservice {
    

    background-size: 100% 100%!important
    }
    .mobile p {
   

     margin-bottom: 30px;
        text-align: center
    }
    

.box .light {
        text-align: left
    }
    .ms-layer.sbut1 

{
        font-size: 13px!important;
        padding: 11px!

important
    }
    .ms-layer.text3,
    .ms-slide-layers h6 {
    

    display: none!important
    }
    .logo {
        float: 

left;
        width: 50%!important
    }
    #tabsaccordion-0-

tab-1>span {
        padding: 12px 60px!important
    }
    

#tabsaccordion-0-tab-2>span {
        padding: 12px 48px!

important
    }
    #tabsaccordion-0-tab-3>span {
        

padding: 12px 102px!important
    }
    #tabsaccordion-0-tab-

0>span {
        padding: 12px 40px
    }
    #tabsaccordion-0 

.bigtfont.dark,
    #tabsaccordion-0 h2,
    .js 

.detached.accordion>section>:first-child {
        text-align: 

center
    }
    #tabsaccordion-0 .center {
        text-align: 

center;
        width: 100%
    }
    .android-icon>i {
        

margin-top: 0
    }
    .footer .secarea .follow {
        

margin-bottom: 14px;
        text-align: left;
        width: 

20%;
        float: left
    }
    .footer ul.foosocial {
        

width: 65%
    }
    .one_fourth.center.down {
        margin: 

25px 0 0
    }
    .one_fourth {
        margin-bottom: 25px
    

}
}

@media only screen and (min-width:481px) and (max-

width:639px) {
    .top_nav .left {
        width: 38%!

important;
        float: left
    }
    .top_nav .right {
        

width: 60%
    }
    .top_nav strong {
        font-size: 12px
    

}
    .tplinks>li a {
        font-size: 11px!important
    }
    

.number {
        font-size: 11px
    }
    .logo {
        float: 

left;
        width: 60%!important
    }
    .menu_main {
	float: right;
        position: relative;
        top: -80px!important;
        width: 100%
    }
    #tabsaccordion-0-tab-

1>span {
        padding: 12px 33px!important
    }
    

#tabsaccordion-0-tab-2>span {
        padding: 12px 21px!

important
    }
    #tabsaccordion-0 .bigtfont.dark,
    

#tabsaccordion-0 h2,
    .js 

.detached.accordion>section>:first-child {
        text-align: 

center
    }
    #tabsaccordion-0 .center {
        text-align: 

center;
        width: 100%
    }
    .one_third .android-icon {
  

      float: none;
        margin: 0 auto;
        text-align: 

center;
        width: 17%
    }
    .light {
        float: left;
 

       font-weight: 600!important;
        width: 100%;
        

text-align: center
    }
    .one_third .col-md-4>p {
        

float: left;
        text-align: center;
        width: 100%;
    

    margin-bottom: 30px
    }
    .detached.tabs>section img {
   

     float: left;
        margin-right: 0;
        width: 100%
   

 }
    .footer .ftop .right .newsle_eminput {
        width: 69%
 

   }
    .footer .one_half {
        text-align: center!

important
    }
    .footer .secarea .follow {
        width: 25%
 

   }
    .js .detached.accordion>section>:first-child span {
    

    padding: 12px 14px!important
    }
    #tabsaccordion-0-

tab-3>span {
        padding: 12px 76px!important
    }
}

@media 

only screen and (min-width:1000px) and (max-width:1200px) {
    

.light {
        text-align: left!important
    }
    .logo {
     

   width: 30%;
        float: left
    }
    .menu_main {
        

float: left;
        width: 70%;
        z-index: 9999
    }
    

.dropdown-menu.font.downup {
        left: 43%!important;
       

 top: -8%!important
    }
    #navbar-collapse-1 ul li .img-

responsive {
        opacity: 0
    }
    .dropdown-

menu.lefts.down {
        left: 43%!important;
        top: -

127%!important
    }
    .service .dropdown-menu>li>a {
        

padding: 2px 20px!important
    }
    .dropdown-menu.lefts.upon 

{
        left: 43%!important;
        position: absolute;
       

 top: -252%!important
    }
    .dropdown-menu.lefts.up {
        

left: 43%!important;
        position: absolute;
        top: -

378%!important
    }
    .dropdown-menu.techno {
        left: 

120px!important
    }
    .navbar-default .navbar-nav>li>a {
     

   color: #2a363f!important;
        font-size: 15px!important
  

  }
    .col-md-4.iconitem>p,
    .light {
        float: left;
   

     text-align: center;
        width: 100%
    }
    .android-

icon {
        float: none;
        margin: 0 auto;
        

width: 24%
    }
    #sl-next>span,
    #sl-prev>span {
        

top: 257px!important
    }
    #tabsaccordion-0-tab-0>span {
     

   padding: 12px 25px
    }
    #tabsaccordion-0-tab-1>span {
    

    padding: 12px 45px
    }
    #tabsaccordion-0-tab-2>span {
   

     padding: 12px 31px
    }
    #tabsaccordion-0-tab-3>span {
  

      padding: 12px 87px
    }
    .parallax_section1 .center {
  

      float: left;
        width: 35%;
        margin-right: 

20px
    }
    .parallax_section1 .center>img {
        width: 

100%
    }
    .footer ul.foosocial {
        float: none;
        

margin: 0 auto;
        padding: 0 0 0 10px;
        text-align: 

center;
        width: 22%
    }
    ul#menuUL li.changeMenuColor 

a {
        color: #012966!important
    }
    .section_height {
  

      height: 310px
    }
    .section_height_space {
        

margin-top: 40px
    }
}

@media (max-width:480px) {
    .compact 

.header,
    .header {
        position: inherit
    }
    

.page_title1,
    .slidermar {
        margin-top: 0
    }
    

.header {
        height: inherit!important
    }
    html body 

#logo img {
        max-height: 70px;
        width: 100%
    }
   

 .menu_main {
        position: absolute;
        right: 15px;
	top: 49px!important;
	display:block;
    }
    .navbar-collapse.pull-right.in {
        left: 20px
    }
    .js 

.detached.accordion>section>:first-child span {
        font-

size: 11px!important;
        padding: 12px 10px!important
    

}
}

@media (max-width: 320px) {
    .ms-nav-next,
    .ms-nav-prev 

{
        display: none !important;
        opacity: 0 !

important;
    }
}