@media screen and (max-width:1280px) {
/*------------dk-26-05-2021---------------*/
.testimonial_video {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.testimonial_video video,
.testimonial_video iframe {
    display: block !important;
    width: 100%;
    height: 100%;
}
}



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

.hdr_top_strip {font-size:11px;}

header {top: 20px;}

.menu_hover_body ul li.menu_banner {display:none;}

}



@media screen and (max-width: 1024px) {
    .testimonial_video {
        width: 100%;
        height: auto !important;
        margin-bottom: 20px;
    }
}



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

.hdr_top_strip {display:none;}

header {top:0px;}

.home_body {height: 440px;}

.banner_body {margin: 100px 0 0;}

header .logo {width:100%;margin:16px 0 0 0;}

.banner_body .banner_txt_bdy p {font-size: 13px;line-height: 16px;}

.banner_body .banner_txt_bdy h4.website_name { font-weight:normal;font-size: 16px;}

.menu_hover_body {padding:15px 15px 15px 20px;}

.menu_hover_body ul li {border-right:none;border-bottom:solid 1px #d3d3d3; margin:0 0 12px 0; padding:0 0 10px 0;}

.main_service_body {padding: 50px 0;}

.main_service_body .service_box .service_box_icon {width:14%; margin:0 15px 5px 0;}

.main_service_body .service_box {min-height:110px; margin-bottom: 20px;}

.mobile_box ul li {width: 30%;margin: 0 6px 6px 0;}

.testimonial_video {
    width: 100%;
    height: auto !important;
    margin-bottom: 20px;
}
.column-inner
{
    padding: 0 50px;
}
.client_sec_body .client_list ul li
{
    margin-right:0;
    width:auto;
}
.client_sec_body .client_list ul {

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
}



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

    .contact_sec{
        text-align: center;
    }
    .contact_sec p {
        text-align: center;
    }
}



@media screen and (max-width: 768px) {
    .testimonial_video {
        width: 100%;
        height: auto !important;
        margin-bottom: 20px;
    }
    .testimonial_video video,
    .testimonial_video iframe {
        display: block !important;
        width: 100%;
        height: 100%;
    }

}



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

.mobile_menu {display:none;}

.mobile_menu_icon { background:#fff; border:solid 1px #ccc; float:right; padding:10px 12px; display:block; font-size:16px; border-radius:3px;margin:12px 10px 0 0;}

header .logo { width:50%;margin: 8px 0 0 0;}

.home_body .home_scroll_header {padding: 0 0 9px 0;}

.banner_body .banner_txt_bdy {padding:0; text-align: center;}

.project_img {width:100%;margin:0 auto 30px auto;}

.about_sec_body .img-responsive {width:40%;margin:0 auto 30px auto; }

.box_sec_body .iso_certificate img { width:50%; }

.box_sec_body .box {margin:20px 0;}

.get_touch_body .box {margin: 17px 0 0 0;}

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

footer .footter_box {margin:0 0 20px 0;}

.smallmenusec .navbar-brand{width:30%;padding:5px;}

.navbar-toggle {margin:10px 0 0 0;}

.bantxt2line{padding-top: 30px;}

.mobile_apps_development .banner_body {height:400px;}

.mobile_apps_development .features_body .features_image {text-align: center;margin: 20px auto 0 auto;width: 35%;}

.mobile_apps_development .mobile_apps_img {text-align: center;margin: 20px auto 0 auto!important;width: 45%;}

.navbar-brand {height: 55px;}

.innerpagebnr {
    margin-top: 9px !important;
}



}



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

.smallmenusec .navbar-brand{width:34%;}

}



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

.bantxt2line{padding-top: 30px;}
.testimonial_video {
    width: 100%;
    height: auto !important;
    margin-bottom: 20px;
}
.testimonial_video video,
.testimonial_video iframe {
    display: block !important;
    width: 100%;
    height: 100%;
}

}



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

header .logo {width: 60%;}

.banner_body .banner_txt_bdy h2 {font-size: 40px;}

.smallmenusec .navbar-brand{width:42%;}

.bantxt2line{padding-top: 20px;}

.client_sec_body p{font-size:15px;}

.client_sec_body h2{font-size:28px;}

.client_sec_body{padding:20px 0 120px 0;}

.testimonial_sec_body .testimonial h2{font-size:22px;}

.encoders_short_des_body .coma1 {font-size: 60px;}

.encoders_short_des_body .coma2 {font-size: 60px; margin:210px 0 0 -130px;}

.encoders_short_des_body p {font-size: 15px; line-height: 25px;}

.apphed{font-size:22px;}

.rightdel{width:75%;}

.rightdel p{word-break:break-all;}

.paraport{margin-top:10px;}

.logo .logpic{margin-bottom:10px;}

.propic {margin-bottom: 15px;}

.our-featured-clients .container .row h4{font-size:15px;}

.clienttxt::after{display:none;}

.contact_body .emaillistmenu{width:100%;}

.contact_body form label{width:100%;}

.contact_body form .txtfld{width:100%;}

.contact_body form .fld{width:100%;}

.contact_body form .form_row .reset_btn {margin-left: 0; width: 100%;}

.contact_body form .form_row  .submit_btn{width: 100%;}

.contact_body .emaillistmenu .menuheader{font-size:16px;}

.call_body .phone{height:180px; line-height:180px; padding-top: 40px;  margin-bottom: 20px;}

.call_body .call_box h3{font-size:18px;}

.call_body .call_box h4 .fa{height:40px; line-height:40px; font-size:18px; width: 40px;}

.about_body .about_box_body .about_box .fa{float:none; margin:0 0 10px 0;}

.bigaboutcon {float: none; width: 100%;}

.aboutcon{float: none; width: 100%;}

.about_body .about_box_body .about_box h5{font-size:13px;}

.about_body .about_highlight_box .highlight_box{margin-bottom:10px;}

.encoders_culture_body .encoders_Culture_hdtext{margin-top:20px;}

.encoders_culture_body .encoders_Culture_hdtext h4 {font-size: 22px; margin-left: auto; margin-right: auto; width: 100%;}

.encoders_culture_body .container .row .body_circle{margin-top:20px;}

.our-process .our-process_hdtext{margin-top:20px;}

.our-process .our-process_hdtext h4 {font-size: 22px; margin-left: auto; margin-right: auto; width: 100%;}

.our-process .row .colum {border-left:none; border-top: 1px solid #c9c9c9; height: auto; margin-left: 0; padding-top: 20px;}

.mobile_apps_sec .mobile_apps_details {margin: 0;}

.mobile_apps_development .mobile_apps_img {margin: 0;}

.home_body{height:auto;}

.ecommerce-development .ecommerce_services{height:auto;}

.cuspic{margin-top:20px; margin-bottom:20px;}

.graphic-designing .container .customer-say p {width: 100%;}

.graphic-designing .row .img-secound{height:auto;}

.picserv{width:45px;}

.conserv p {font-size: 15px;}

.quick_icon {width:45px;height:45px;}

.quick_icon a {font-size: 17px;}

.skype_icon {bottom:215px;}

.skype_icon a {font-size:20px;}

.tel_icon {bottom:160px;}

.tel_icon a {font-size:20px;}

.whatsapp_icon {bottom:105px;}

.whatsapp_icon a {font-size:22px;}

.banner_body .banner_txt_bdy p {font-size: 15px; line-height: 19px;}

p {font-size: 15px;line-height: 20px;}

.mobile_apps_sec .mobile_apps_details p {font-family: Verdana, Helvetica, sans-serif;font-size: 15px;}

li {font-size: 15px;line-height: 20px;font-family: Verdana, Helvetica, sans-serif;}

.ecommerce_sec_body .collapse_tab_body ul li .details {line-height: 22px;}

.testimonial_sec_body .testimonial .testi_list_body .list .quote {font-size: 15px;}

.our-mission .row p {font-size: 15px;}

.genlist li {font-size: 15px;}

.mobile_apps_development .features_body .features_box ul li {font-size: 15px;}

.ecommerce-development h4 {line-height: 24px;}

.ecommerce-development h5 {line-height: 22px;font-size: 15px; }

.ecommerce-development .ecommerce_services .content p {font-size: 15px;line-height: 22px;}

.custom-web-development p {font-size: 15px;line-height: 22px;}

.product-development .container .row p {font-size: 15px;}

.our-guarantee p {font-size: 15px;line-height: 22px;}

.industries-we-serve .img-responsive {width: 40%;}

.careers .container h4 {font-size: 15px;line-height: 22px;}

.clienttxt p {line-height: 22px;font-size: 15px;}

.logo .logpic .img-responsive {max-width: 100%;height: auto;width: auto;margin: 0 auto;}

.latest_portfolio .portfolio_list ul li img {width: auto; max-width:100%;}



}



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

.smallmenusec .navbar-brand {padding: 0px;
    margin: 7px 0 4px 0;
    width: 50%;
    height: 45px;}

.home_body .home_scroll_header {padding:0;}

.smallmenusec .navbar-brand {padding:0px;margin: 10px 0 0 0;
    width: 50%;
    height: 46px;}

.mobile_box ul li {width: 47%;margin: 0 6px 6px 0;}

.mobile_box ul li h4 {font-size: 14px;}

.innerpage_bar .innerpage_banner_content h1 {font-size: 36px;}

}





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

header .logo {width: 80%;}

.banner_body .banner_txt_bdy h2 {font-size: 32px;}

.project_img {width:100%;}

.encoders_short_des_body {padding: 0 0 0px 0;}

}	



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

.smallmenusec .navbar-brand {padding:0px;margin:7px 0 8px 0;}

.navbar-brand {height: auto;}

.mobile_box ul li h4 {font-size: 12px;}

}



@media (min-width: 1200px) and (max-width: 1365px) {

.bigaboutcon {width: 1045px;}

.aboutcon{width:460px;}

.conserv{width:165px;}

}





@media (min-width: 1200px) and (max-width: 4000px) {

.smallmenusec{display:none;}

}



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

.detailandrod img{width:100%;}

}



@media (min-width: 320px) and (max-width: 1199px) {

.picpadd{padding:0;}

}



@media (min-width: 320px) and (max-width: 500px) {

.bantoppad h1 {font-size: 28px; line-height: 44px;}

.bantxtlight{font-size: 32px;}

.bantxtdark{font-size: 32px;}

.latest_portfolio h2{font-size:24px;}

.latest_portfolio .portfolio_list ul li{width:100%; float:none; margin:20px 0 0 0;}

}



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

.bantxt2line{padding-top: 55px;}

}



@media (min-width: 992px) and (max-width: 1199px) {

.encoders_short_des_body .coma2{ margin: 30px 0 0 -280px;}

.latest_portfolio .portfolio_list ul li{width:18%;}

.androdpic{padding:20px;}

.androdtxt{padding:20px;}

.call_body .call_box h4{font-size:15px;}

.bigaboutcon {width: 845px;}

.aboutcon{width:360px;}

.encoders_culture_body .encoders_Culture_hdtext h4{margin-left: 345px;}

.our-process .our-process_hdtext h4 {margin-left: 345px;}

.banner_body .banner_txt_bdy {padding: 20px 0 0;}

.banner_body .banner_txt_bdy h2{font-size:45px;}

.mobile_apps_development .project_img img {height: 440px; width: 100%;}

.mobile_apps_sec .mobile_apps_details{margin:0;}

.mobile_apps_development .mobile_apps_img {margin: 20px 0;}

.menu_hover_body{width:938px;}

.menu_hover_body ul li{width:165px;}

}



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

.bantxt2line{padding-top: 60px;}

.androdpic{padding:2px;}

.androdtxt{padding:2px;}

.graphic-designing .row .img-secound{height:auto;}

.conserv{width:115px;}

}



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

.encoders_short_des_body .coma2{margin: 80px 0 0 -405px;}	

.latest_portfolio .portfolio_list ul li{width:18%;}

.rightdel{width:76%;}

.paraport {margin-top: 10px;}

.propic {margin-bottom: 15px;}

.our-featured-clients .container .row h4{font-size: 15px; height: 40px;}

.contact_body .emaillistmenu{width:80%;}

.call_body .phone{height:430px; line-height:430px;}

.bigaboutcon{width: 625px;}

.aboutcon {width: 250px;}

.encoders_culture_body .encoders_Culture_hdtext h4{margin-left: 215px;}

.why-encoders .row p {font-size:13px;}

.our-process .our-process_hdtext h4 {margin-left: 215px;}

/*.banner_body {margin: 20px 0 0;}*/

.banner_body .banner_txt_bdy {padding: 15px 0 0;}

.banner_body .banner_txt_bdy h2{font-size:22px;}

.mobile_apps_development .project_img img {height: 372px; margin: -20px 0 0; width: 100%;}

.mobile_apps_sec .mobile_apps_details {margin: 0;}

.mobile_apps_development .mobile_apps_img {margin: 0;}

.custom-web-design .row .img-responsive{height:auto;}

.picserv {margin-right: 6px; width: 44px;}

.conserv {width: 80px;}

.conserv p {font-size: 12px;}

header nav ul li a{padding: 25px 10px; font-size: 13px;}

header h1.logo{width:100%;}

.menu_hover_body{width:718px;}

.menu_hover_body ul li{width:100%; float:none; min-height:90px;}

.double-menu li,.triple-menu li {
        display: inline-block;
        width: 50%;
        float: left;
}

}

	

	

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

.encoders_short_des_body .coma1{float:none;}

.encoders_short_des_body .coma2{float:none; margin:0 auto;}

.encoders_short_des_body p{float:none; width:100%;}

}



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

.androdpic {padding: 10px 40px; text-align: center;}

.androdpic img {width: 58%;}

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

}



@media (min-width: 501px) and (max-width: 767px) {

.latest_portfolio .portfolio_list ul li{width:17%;}

}



@media (min-width: 481px) and (max-width: 767px) {

.encoders_short_des_body .coma1{float:none;}

.encoders_short_des_body .coma2{float:none; margin:0 auto;}

.encoders_short_des_body p{float:none; width:100%;}

.paraport{margin-top:10px;}

.logo .logpic{margin-bottom:10px;}

.propic {margin-bottom: 15px;}

.our-featured-clients .container .row h4{font-size:15px;}

.clienttxt::after{display:none;}

.contact_body .emaillistmenu{width:100%;}

.contact_body form label{width:100%;}

.contact_body form .txtfld{width:100%;}

.contact_body form .fld{width:100%;}

.contact_body form .form_row .reset_btn {margin-left: 0; width: 100%;}

.contact_body form .form_row  .submit_btn{width: 100%;}

.call_body .phone{height:180px; line-height:180px; padding-top: 40px;  margin-bottom: 20px;}

.call_body .call_box h3{font-size:18px;}

.call_body .call_box h4 .fa{height:40px; line-height:40px; font-size:18px; width: 40px;}

.about_body .about_box_body .about_box .fa{float:none; margin:0 0 10px 0;}

.bigaboutcon {float: none; width: 100%;}

.aboutcon{float: none; width: 100%;}

.about_body .about_box_body .about_box h5{font-size:13px;}

.about_body .about_highlight_box .highlight_box{margin-bottom:10px;}

.encoders_culture_body .encoders_Culture_hdtext{margin-top:20px;}

.encoders_culture_body .encoders_Culture_hdtext h4 {font-size: 22px; margin-left: auto; margin-right: auto; width: 100%;}

.encoders_culture_body .container .row .body_circle{margin-top:20px;}

.our-process .our-process_hdtext{margin-top:20px;}

.our-process .our-process_hdtext h4 {font-size: 22px; margin-left: auto; margin-right: auto; width: 100%;}

.our-process .row .colum {border-left:none; border-top: 1px solid #c9c9c9; height: auto; margin-left: 0; padding-top: 20px;}

.mobile_apps_sec .mobile_apps_details {margin: 0;}

.mobile_apps_development .mobile_apps_img {margin: 0;}

.home_body{height:auto;}

.ecommerce-development .ecommerce_services{height:auto;}

.graphic-designing .container .customer-say p {width: 100%;}

.graphic-designing .row .img-secound{height:auto;}

.picserv{width:45px;}

.conserv p {font-size: 15px;}



}	

	

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

.androdtxt {padding: 20px;/* text-align: center;*/}

}





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


.androdsec .nameurl p{word-break:break-all;}

.home_body{height:auto; background-size: cover;}

}
@media (min-width: 981px) and (max-width: 1199px)  {
    header {
        top: 31px;
    }
    .navbar-brand {
    padding: 0;
    }
}
@media (max-width: 1199px) {
    
.navbar-header {
    width: 100%;
}
.navbar-toggle {
    display: block;
}
 .navbar-brand {
    padding: 0;
    }
.largemenusec{display:none;}

.mobmenu{}

.mobmenu .fa{font-size:30px; color:#29BDCA;}

.mobilemenubac ul{padding-left:0;}

.mobilemenubac ul li{list-style:none; float:none;padding:0px;}

.mobilemenubac ul li a{color: #616161; font-family: "MyriadPro-Semibold"; font-size:15px; padding:8px 10px; text-decoration:none; background:transparent; border-top:solid 2px #fff; width:100%; display:block;}

.mobilemenubac ul li a:hover{color:#fff; background:#000; border-top:solid 2px #fff; width:100%; display:block; padding:8px 10px; font-size: 15px;}

.mobilemenubac ul li ul li a {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px;}

.mobilemenubac ul li ul li a:hover {font-size:14px;}

smallmenusec nav{float:none;}

.navbar-default{background-color:transparent; border-color:transparent;}

.mobmenu .navbar-toggle{border-color:#29BDCA; }

.mobmenu .navbar-toggle .icon-bar{border-color:#29BDCA; background:#29bdca;}

.smallmenusec .navbar-collapse {
    padding-left: 0;
    padding-top: 5px;
    margin-top: 5px;
    padding-right: 0;
    background: #fff;
    height: 100vh;
    min-height:100vh !important;
    position: fixed;
    width: 76%;
    max-width: 240px;
    left: 0;
    top: 0;
    margin: 0;
    transform: translate(-102%,0px);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.collapse.in,.collapse {
    display: block !important;
    min-height:100vh !important;
}
.smallmenusec .navbar-collapse.in{
    transform: translate(0%,0px);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.smallmenusec .navbar-nav{margin:0;}

.smallmenusec .navbar {margin:0; min-height:auto;width: 100%;}

.navbar-default .navbar-toggle:hover {background:transparent!important;}
.dropdown-menu > li > a{
    font-size: 13px;
    white-space: inherit !important;
}





}



@media only screen and (max-width : 576px) {
    .innerpage_bar {
        margin: 59px 0 0 0;
    }
    .double-menu li,.triple-menu li {
        display: block;
        width: 100%;
        float: inherit;
    }
}