@media (min-width: 768px) and (max-width: 5000px) 
{
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0;visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; }








}

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

.container{max-width: 1170px;}


} 

/*1399px*/

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

.container{max-width: 970px;}
.page_hed p{font-size: 16px;}
.page_hed h1, .page_hed h2, .page_hed h3, .page_hed h4, .page_hed h5, .page_hed h6 {
  font-size: 40px;line-height: 46px;
}

/*header*/
.menu_sec li a{margin: 0 7px;}
.menu_sec li{font-size: 13px;}

.banner_img img{width: 300px;height: 300px;}
.banner_img::before{width: 300px;height: 300px;}
.banner_img::after{width: 300px;height: 300px;}
.banner_img em::before{width: 132px;height: 132px;left: -100px;}
.banner_box > picture img{height: 582px;}
.banner_tex strong{font-size: 40px;line-height: 55px;}
.banner_tex p{font-size: 16px;}
.bannersec::before{width: 181px;height: 181px;}
.bannersec::after{width: 281px;height: 80px; background-size: 100% !important;}
.banner_tex{padding-top: 0;}

.why_ebinary_img em::before{width: 132px;height: 132px;left: -62px;}
.why_ebinary_img::before{width: 300px;height: 300px;margin-left:-150px;}
.why_ebinary_img::after{width: 300px;height: 300px;margin-left:-150px;}
.why_ebinary_img em img, .why_ebinary_img em{width: 300px; height: 300px;}
.why_ebinary_sec{padding: 43px 0;}
.why_ebinary_text p{font-size: 14px;margin-top: 4px;}
.why_ebinary_img{margin-top: 54px;}

.what_serve_bx h4 {font-size: 22px;}
.what_serve_img em::before{width: 132px;height: 132px;left: -62px;}
.what_serve_img::before{width: 300px;height: 300px;margin-left:-150px;}
.what_serve_img::after{width: 300px;height: 300px;margin-left:-150px;}
.what_serve_bx{min-height: 494px;}

.featu_tecno_panel h5 {font-size: 14px;}
.feat_cur h5 {font-size: 23px;line-height: 32px;}
.feat_cur {width: 200px; height: 200px;}
.features_techno_img::before{width: 200px; height: 200px;margin-left: -100px;}
.features_techno_img::after{width: 200px; height: 200px;margin-left: -100px;}
.features_techno_img{-webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
.featu_tecno_text { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%;}
.featu_tecno_panel h5{-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;}
.featu_tecno_panel{margin-top: 20px;}
.features_sec{padding: 40px 0;}

.counter_sec{padding: 34px 0;}
.counter_bx p { font-size: 14px;}

.client_sec::before{width: 181px; height: 181px;}
.client_sec{padding: 48px 0;}
.client_img em::before{width: 132px;height: 132px;left: -62px;}
.client_img::before{width: 300px;height: 300px;margin-left:-150px;}
.client_img::after{width: 300px;height: 300px;margin-left:-150px;}
.client_img em{width: 300px;height: 300px;}

.protfolio_sec {padding: 40px 0;}
.protfolio_bx em > img{height: 213px;}
.file-name h4 { font-size: 14px;}
.file-name small {font-size: 12px;margin-top: 2px;line-height: 18px;}
.contact_sec {padding: 50px 0;}


.client_pg_sec .client_panel{min-height: 315px;}


}

/*1199px*/



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

.container{max-width: 740px;}

.nav_top .navbar-toggler{ border-color: #377d61; background: #377d61; outline: none !important;}
.nav_top .navbar-toggler{ padding: 10px; margin-right: 0;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 22px;height: 2px;  border-radius: 1px; background-color: #fff;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 4px;}
.navbar-toggler .icon-bar { display: block;  width: 22px;  height: 2px;  border-radius: 1px;  background-color: #fff;}
.navbar-toggler { margin-right: 15px;}
.navbar-toggler { padding: 10px;}

.nav_top .navbar-toggler { margin: 10px 15px 10px 0; outline: none !important;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-ms-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); 
	 -webkit-transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;  width: 0px;}  
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-ms-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); -webkit-transform: matrix(1, 1, 0, 1, 0, 0);
width: 25px;  margin-top: -11px;} 
.nav_top .navbar-toggler .icon-bar { display: block; width: 30px; height: 2px; border-radius: 3px; background-color: #2e2d2d; opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.nav_top .navbar-toggler { width: 45px; height: 40px; text-align: center; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 0px;
    border: 0px solid transparent; border-top-color: transparent;border-right-color: transparent;    border-bottom-color: transparent;
        border-left-color: transparent; position: relative; z-index: 99;}
.nav_top .navbar-toggler {padding: 5px 8px;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: 8px;}
.nav_top .navbar-toggler.showtoggle {padding-left: 10px !important;}


.page_hed h1, .page_hed h2, .page_hed h3, .page_hed h4, .page_hed h5, .page_hed h6 {
  font-size: 33px;
  line-height: 40px;
}
.page_hed p {
  font-size: 14px;
}
.header_top_inr{padding-right: 10px;padding-left: 10px;}
.header_top_inr{padding-left: 0;}
.header_sec .navbar-brand::before{display: none;}
.header_sec .navbar-brand{position: inherit; left: inherit; top: inherit;padding: 0;}
.newhedClass .navbar-brand {
  top: inherit;
  background: transparent;
}
.header_btm{background: #fff;}
.header_btm .tel_hed span a {
  color: #2a2626;
}
.header_btm{padding: 0;}
.btn_pg{height: 40px;line-height: 40px;}
.get_qt{right: 66px;
top: 35px;}
.tel_hed{padding-right: 70px; top: 32px;}

.banner{font-size: 40px;line-height: 50px;}
.nav_top .menu_sec{padding:0 15px; padding-bottom: 10px;}
.header_sec .container{max-width: 100%;}
.header_sec .container{padding: 0 !important;}
.header_sec .navbar-brand{margin-left: 15px;}
.header_sec .navbar-collapse{position: absolute; width: 100%; background: #fff; top: 100%; left: 0; z-index: 99;}
.menu_sec li{margin-top: 8px;}
.menu_sec li:first-child{display: none;}
.menu_sec li a {color: #2a2626; width: 100%;}
.menu_sec li a::before{width: 12px;height: 12px;}
.menu_sec li a.current::befor{top: -3px;}
.logo2{display: none;}
.logo1{display: block;}


.why_ebinary_sec::before{width: 190px;height: 190px;}
.what_serve_sec .col-md-4 {-webkit-box-flex: 0;-ms-flex: 0 0 50%; flex: 0 0 50%;max-width: 50%;}
.what_serve_img { margin-top: 154px;}
.feat_cur {width: 150px;height: 150px;}
.feat_cur h5 {font-size: 17px;line-height: 25px;}
.features_techno_img::before {width: 150px; height: 150px;margin-left: -70px;}
.features_techno_img::after {width: 150px;height: 150px; margin-left: -70px;}


.client_inr { margin-top: 36px;}
.client_img{ margin-top: 97px;}
.client_img::before {margin-top: 97px;}
.client_img::after {margin-top: 97px;}
.coma_icon i {  font-size: 49px;}
.clients_foot_img {width: 50px;height: 50px;}


.protfolio_sec::before{width: 65px;height: 65px;}
.protfolio_sec .col-md-3{-webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%;}

.contact_sec {padding: 29px 0;}
.contact_tx p { font-size: 14px;}
.contact_tx li{padding-left: 50px;margin-top: 23px;font-size: 15px;}
.sub_btn input[type="submit"]{padding: 0 23px;}
.foot_sec{padding: 22px 0;}
.marg_sec {padding-top: 61px;}
.breadcumbs_inr span img{width: 74px;}
.breadcumbs_sec span{ top: 0;}
.about_mition{padding: 30px 0;}
.mition_bx{margin-top: 15px;}
.client_pg_sec .col-md-4 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.what_we_pg .what_serve_inr .row { margin-top: 50px;  }
.what_we_pg { padding-bottom: 100px;}
.what_we_pg .why_ebinary_text h4{font-size: 23px; line-height: 34px;}

} 
 
/*991px*/


 
@media only screen and (max-width: 767px){
.page_hed h1, .page_hed h2, .page_hed h3, .page_hed h4, .page_hed h5, .page_hed h6 {
  font-size: 27px;
  line-height: 36px;
}


.container{max-width: 100%;}
.header_sec .container{padding: 0;}
.header_sec .navbar-brand{margin-left: 15px;}
.header_sec .navbar-collapse{position: absolute; width: 100%; background: #fff; top: 100%; left: 0; z-index: 99;}

/*header*/
.header_sec{background: #fff;
box-shadow: 0 7px 10px -5px #e3e6eb;
border-color: transparent; padding: 0;}
.header_top_let li{padding-right: 4px;margin-left: 5px;}
.header_top_rig li{border: none;}
.tel_hed span img{margin-top: -10px;}


.banner_img img {width: 200px;height: 200px;}
.banner_img em::before {width: 50px; height: 50px;  left: -25px;}
.banner_img::before {width: 200px; height: 200px;}
.banner_img::after {width: 200px; height: 200px;}
.bannersec::before {width: 124px; height: 124px;}
.bannersec::after {  width: 172px;height: 92px;}
.banner_tex strong {font-size: 23px;line-height: 32px;}
.banner_tex p {font-size: 13px;line-height: 22px;}
.banner_box > picture img {height: 419px;}

.why_ebinary_sec::before {width: 135px;height: 135px;}
.why_ebinary_sec {padding: 30px 0;}
.why_ebinary_img::before {width: 200px; height: 200px;margin-left: -100px;}
.why_ebinary_img::after {width: 200px; height: 200px;margin-left: -100px;}
.why_ebinary_img em img, .why_ebinary_img em {width: 200px; height: 200px;}
.why_ebinary_img em::before {width: 79px;height: 79px;left: -26px;}
.why_ebinary_img {margin-top: 34px;}
.why_ebinary_text{margin-top: 27px;}

.what_shep img{width: 177px;}
.what_shep::after{width: 70px;height: 25px;}
.what_shep::before{width: 130px;height: 110px;}
.what_serve_img::before {width: 225px; height: 225px; margin-left: -123px;}
.what_serve_img::after {width: 225px;height: 225px;margin-left: -123px;}
.what_serve_img em{width: 225px;  height: 225px;}

.features_sec {padding: 20px 0;}
.featu_tecno_panel h5{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.features_techno_img::before , .features_techno_img::after {width: 100px;height: 100px;margin-left: -50px;}
.feat_cur {width: 100px;height: 100px;}
.feat_cur h5 {font-size: 12px;line-height: 20px;}

.counter_sec .col-md-3{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.counter_bx{margin-top: 15px;}

.client_sec::before {width: 100px;height: 100px;}
.client_img {margin-top: 0;}
.client_img::before, .client_img::after {margin-top: 0; width: 200px;  height: 200px;margin-left: -100px;}
.client_panel{margin-top: 44px;}
.client_sec {padding: 30px 0;}
.client_img em {width: 200px; height: 200px;}


.galleryico img{width: 30px;}
.protfolio_bx em > img {height: 148px;}
.contact_tx li em{width: 30px;height: 30px;}
.contact_tx li{margin-top: 12px;}
.tel_hed span a{font-size: 14px !important;}
.foot_arw.fixed{    bottom: 84px;}

.wrapper-breads-inner .bread-title {font-size: 18px;}
.wrapper-breads-inner .breadcrumb{margin: 4px 0 0;}
.wrapper-breads-inner .breadcrumb li a, .wrapper-breads-inner .breadcrumb li span{ font-size: 13px !important;}
.breadcrumb a + a::before, .breadcrumb a + li::before, .breadcrumb > li + a::before, .breadcrumb > li + li::before{padding: 0 4px;}
.breadcumbs_sec{    padding: 30px 0;}
.mition_bx{min-height: auto;}
.mition_bx p{font-size: 14px;margin-top: 10px;}
.mition_bx h5{font-size: 18px;margin-top: 10px;padding-bottom: 16px;}
.mition_bx em{width: 80px;height: 80px;}
.mition_bx::before{width: 80px;height: 80px;margin-left: -40px;}
.mition_bx::after{width: 80px;height: 80px;margin-left: -40px;}
.client_pg_sec .client_panel {
  min-height: 354px;
  margin-top: 52px;
}
.what_we_pg .why_ebinary_text { margin-top: 54px;}
.what_we_pg { padding-bottom: 65px;}


}



/*767px*/

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

.hed_res{display: none;}
.tel_hed{font-size: 0;}


.banner_box > picture img{height: 583px;}
.banner_tex { width: 100%; padding: 0; padding-top: 25px;text-align: center;}
.banner_img{width: 100%;text-align: center;}
.banner_tex_bx{margin-top: 103px; top: 0; -webkit-transform: inherit !important;-moz-transform: inherit !important;transform: inherit !important;}
.banner_img::before, .banner_img::after{margin-left: -100px; left: 50%;}


.what_serve_sec .col-md-4 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.what_shep img {width: 63px;}
.what_shep::before {width: 47px; height: 45px;right: 0;}
.what_serve_sec{padding: 11px 0 26px;}
.what_serve_sec .page_hed {text-align: center;}
.what_serve_sec .page_hed::before {left: 50%;  margin-left: -25px;}
.what_serve_sec .em_bar_bg {text-align: center; margin: 5px auto;}
.what_serve_bx {min-height: auto;}
.what_serve_img {
  margin-top: 40px;
}
.d-ph{display: block;}
.d-dex{display: none;}
.featu_tecno_text {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.features_techno_img {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}


.protfolio_sec .col-md-3 {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.contact_inr_pg::before, .contact_inr_pg::after{width: 100px;height: 81px;}
.client_pg_sec .col-md-4 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.client_pg_sec .client_panel {
  min-height: auto;
  margin-top: 52px;
}
.client_pg_sec .coma_icon i {
  font-size: 25px;
}
.what_we_pg .why_ebinary_img em, .what_we_pg .why_ebinary_img em img, .what_we_pg .why_ebinary_img:before, .what_we_pg .why_ebinary_img:after
{    height: 250px;
    width: 250px;}
.what_we_pg .why_ebinary_img:before, .what_we_pg .why_ebinary_img:after {
    margin-left: -125px;
}
.what_we_pg .why_ebinary_text h4 {
    font-size: 18px;
    line-height: 28px;
}
.what_we_pg .why_ebinary_text {
    margin-top: 36px;
}
.what_we_pg .what_serve_inr .row {
    margin-top: 36px;
}


} 

/*575px*/
@media only screen and (max-width: 480px){ 
.header_sec .navbar-brand img {
  width: 88px;
}
.header_sec .navbar-brand {
  margin-left: 6px;
}

.banner_img img {width: 140px;height: 140px;}
.banner_img::before, .banner_img::after { margin-left: -70px; left: 50%;width: 140px;height: 140px;}
.banner_box > picture img {height: 535px;}
.banner_tex strong {font-size: 20px;line-height: 27px;}

.why_ebinary_sec::before {width: 93px;height: 93px;}
.why_ebinary_img {margin-top: 21px;}
.why_ebinary_img::before, .why_ebinary_img::after {width: 140px;height: 140px;margin-left: -70px;}
.why_ebinary_img em img, .why_ebinary_img em {width: 140px;height: 140px;}

.what_serve_bx em {width: 60px;height: 60px;}
.what_serve_bx{padding: 20px 15px;margin-top: 20px;}
.what_serve_bx h4 { font-size: 18px;}

.counter_bx span {font-size: 20px;line-height: 29px;}
.counter_bx p, .counter_bx span{padding: 0 10px;}
.counter_bx{min-height: 160px;}
.counter_bx em{width: 40px; height: 40px;font-size: 18px;}


.client_sec::before {width: 38px;height: 38px;right: 10px;}
.client_img::before, .client_img::after { margin-top: 0; width: 140px; height: 140px; margin-left: -70px;}
.client_img em {width: 140px;height: 140px;}


.protfolio_sec::before {
  width: 50px;
  height: 50px;
  right: 10px;
}
.featu_tecno_panel h5{word-wrap: break-word; font-weight: 400;font-size: 12px;-ms-flex: 0 0 62%;flex: 0 0 62%;max-width: 62%;}
.featu_tecno_panel em {width: 36px;height: 36px;} 
 .foot_arw{    right: 4px;}
 .marg_sec {
    padding-top: 51px;
}

 }
/*480px*/


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

.page_hed h1, .page_hed h2, .page_hed h3, .page_hed h4, .page_hed h5, .page_hed h6 {font-size: 22px;line-height: 25px;}
.page_hed{padding-top: 13px;}
.page_hed p {font-size: 13px;line-height: 19px; margin-top: 10px;
}
.page_hed::before{width: 20px;height: 20px;}
.btn_pg{font-size: 12px;}
.tel_hed{padding-right: 51px;top: 28px;}

.tel_hed span a{font-size: 14px !important;top: 27px;}
.tel_hed span img {width: 14px;margin-right: 4px;margin-top: -4px; }
.header_sec .navbar-brand img {width: 79px;}
.nav_top .navbar-toggler {width: 30px;height: 30px;}
.nav_top .navbar-toggler .icon-bar{width: 15px;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: 3px;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {width: 14px;margin-top: -7px;}
.nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1){width: 14px;margin-top: -1px;}
.nav_top .navbar-toggler.showtoggle {padding-left: 9px !important;}
.header_sec .btn_pg {height: 29px;line-height: 29px; font-size: 11px;}
.get_qt {top: 29px; right: 50px;}



}



/*400px;*/

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

}