/* css only for hover effect all hover effect must write in this Media query */

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



.aboutimgone{max-width: 270px;}

.aboutimgtwo{max-width: 440px;margin-top: -181px;}

.aboutimgthree{max-width: 345px;margin-top: -165px;}

}



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





}



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







}





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



}





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









}





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



.headerMain.has_sticky{padding: 7px 15px;}

.processrow .processcol{/*width: 50%;*/}

.processrow .processcol:nth-child(odd) .processBoxmain{/*margin-left: auto;*/}

.processBoxmain{width: 28rem;height: 28rem;padding: 2rem;}

.processBoxmain:before{width: 28rem;height: 15rem;}

.processBoxinner{padding: 1rem;}

.processBox{padding: 1rem;}

.procestepHead .procesteps{font-size: 3.5rem;}

.procestepHead img{max-width: 4rem;}

.processcon .procestepstitle{font-size: 1.6rem;}

.procestepHead{padding-bottom: 7px;}



.aboutimgone{max-width: 230px;}

.aboutimgtwo{max-width: 402px;margin-top: -249px;}

.aboutimgthree{max-width: 260px;margin-top: -130px;}



}



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



/*---header---*/





.menu-main-menu-container li a{padding: 0 0.8rem;font-size: 1.4rem;}

.menu-main-menu-container li{margin-right: 0.8rem;}

.menu-main-menu-container{margin-right: 0rem;}

.menu-main-menu-container > ul > li:not(.megaMenu) .sub-menu{top: 150%;}

.headerMain.has_sticky .menu-main-menu-container > ul > li:not(.megaMenu) .sub-menu{top: 150%;}

.menu-main-menu-container ul li a:before{bottom: -21px;}
.headerMain.has_sticky .menu-main-menu-container li a:before{bottom: -21px;}

/*---header---*/



}



 



/* common css for below screen 1199 */



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

html{font-size: 8px;}	

p{font-size: 14px;}

.container{max-width: 1366px;padding: 0 20px;}

.btn{padding: 16px 20px;font-size: 14px;min-width: 160px;}

.headerMain{padding: 12px 5px;}

.menu-main-menu-container{margin: 0 0 0 0;}

.headerMain .siteLogo img{width: 125px;}

.headerMain.has_sticky .siteLogo img{width: 130px;}	

.menu-main-menu-container li{font-size: 2.2rem;margin-right: 0;}

.menu-main-menu-container li a{font-size: 14px;}

.menu-main-menu-container ul li a:before{bottom: -22px;}
.headerMain.has_sticky .menu-main-menu-container li a:before{bottom: -19px;}

/*---banner---*/

.homebannerslide{/*padding-top: 120px;padding-left: 40px;*/}
.homebanner-item{padding-top: 120px;padding-left: 40px;padding-bottom: 50px;min-height: 500px;}
.bannerTitle span{font-size: 5rem;}
.bannerTitle small{font-size: 20px;}

.homebannerSec{min-height: 500px;}



/*---banner---*/

/*---home-banner-2---*/

.homebanneritem{min-height: 600px;}
.bannerconMian{padding-left: 50px;padding-bottom: 70px;padding-top: 300px;}
.bannerconMian .bannerTitle{font-size: 40px;}
.bannerconMian .bannerbgTitle{font-size: 40px;}
.bannerconMian p{font-size: 20px;}

/*---home-banner-2---*/

.rs-about{padding: 50px 0;min-height: 500px;}

.rs-services{padding: 50px 0;}

.rs-services.main-home .services-item{padding: 30px 25px;}

.what-best{padding: 50px 0;}

.homebanner{padding-right:30px;}

.rs-about.style1 .about-images .rs-addon-services{width: 235px;max-width: 235px;padding: 15px;}

.rs-about.style1 .about-images .rs-addon-services .services-text{padding: 0 0 0 15px;}

.rs-about.style1 .about-images .rs-addon-services .services-text .title{font-size: 14px;}

.ourclientSec{padding: 50px 0;}

.rs-process{padding: 50px 0;}

.histSec{padding: 50px 0;}

.procestepHead .procesteps{font-size: 40px;}

.procestepHead img{max-width: 50px;}

.processcon .procestepstitle{font-size: 16px;}

.processcon p{font-size: 12px;-webkit-line-clamp:3;}

.rs-pricing{padding: 50px 0;padding-bottom: 75px;}

.rs-pricing.pricing-style1 .pricing-table{padding: 20px 15px;padding-bottom: 0;}

.rs-counter.style2 .counter-top-area .counter-list .count-icon{width: 70px;padding-right: 10px;}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count{font-size: 40px;}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count.k:before{top: 9px;font-size: 30px;}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .title{font-size: 16px;}

.contact-us{padding: 50px 0;}

.circle-shape-3{bottom: -150px;width: 200px;min-width: 200px;min-height: 200px;}

.socialMeadia a{width: 40px;height: 40px;font-size: 18px;}

.footTop{padding: 50px 0;}

.customer-review-tab{padding: 50px 0;}

.processBoxmain{width: 251px;height: 251px;}

.processBoxmain:before{width: 251px;height: 135px;}

.contactcolright .register-wrap{margin-left: 40px;}

.read-more-link i{font-size: 18px;}

.aboutimgone{max-width: 200px;}

.aboutimgtwo{max-width: 355px;margin-top: -50px;}

.aboutimgthree{max-width: 250px;margin-top: -125px;}

.ratingbox{padding: 15px 10px; padding-left: 65px;}

.complogo{max-width: 45px;max-height: 45px;}

.ratingmian{border-right: 0;padding-bottom: 7px;}

.ratreviews{padding-left: 0;}

.blogSec{padding: 50px 0;}



/*---about-us---*/

.aboubanmain{padding: 70px 0;}

.visimisscoreSec{padding: 50px 0;}

.valueslistitle{font-size: 14px;}

.visimissimgmain{padding-left: 40px;}

.clientfocSec .sec-title .title{font-size: 26px;}

.process-wrap{padding: 40px 25px;}

.ourteamSec{padding: 50px 0;}

.visimisstitle{font-size: 26px;}

.vimicortitle{font-size: 18px;}

.visimissimgmain{padding-left: 20px;}

.clientfocSec .rs-addon-number .number-text .number-area{line-height: 26px;width: 50px;height: 38px;font-size: 34px;

top: -10px;}

.clientfocSec .rs-addon-number .number-text .number-title .title{font-size: 20px;}

.sec-title .sub-text{font-size: 14px;line-height: 1;}

.clientfocSec .sec-title .title{font-size: 22px;}

/*---about-us---*/



/*---services---*/



.processstep .custom-section.process-wrapper.wd__process--wrapper {

        padding-bottom: 80px

    }

    .processstep .process-wrapper.wd__process--wrapper .entry-title {

        font-size: 22px;

        margin-left: 45px

    }

    

    .processstep .owl-theme .owl-controls .owl-buttons div::before {

        line-height: 40px

    }

    .processstep .owl-theme .owl-controls .owl-buttons div.owl-prev::before {

        font-size: 14px

    }

    .processstep .owl-theme .owl-controls .owl-buttons div.owl-next::before {

        font-size: 14px

    }
    .processstep .process_slideshow .process_text{padding-left: 15px;}

    .processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div.owl-prev {

        left: 34%

    }

    .processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div.owl-next {

        right: 55%

    }

    .processstep .process_slideshow .process_number {

        width: 40px;

        height: 40px;

        font-size: 20px;

        line-height: 40px;

        margin-left: 10px

    }

    .processstep .process_slideshow .process_text h3 {

        margin-bottom: 15px;

        font-size: 20px

    }

    /*.processstep .custom-section.process-wrapper.wd__process--wrapper .svg-box {

        top: -55px

    }*/

   /* .processstep .svg-box {

        width: 350px;

        height: 350px

    }*/

    /*.processstep .custom-section.process-wrapper.wd__process--wrapper .process_slideshow .process_slideshow_image img {

        width: 230px;

        height: auto;

        margin-top: 10px

    }*/

.technologySec{padding: 50px 0;padding-bottom: 30px;}

.whywedevlopSec{padding: 50px 0;}

.ourproceSec{padding: 50px 0;}

.faqSec{padding: 50px 0;}

.faqaccormain{max-width: 90%;}

.ourportfoliSec{padding: 50px 0;}

.portfolicon .portfolititle{font-size: 18px;}

.experienceseoSec .row{margin-bottom: 40px;}
.experience-images{max-width: 95%;}
.commonsec{padding: 50px 0;}
/*---services---*/



/*---our-work---*/

.filerworkSec{padding: 50px 0;}

/*---our-work---*/



/*---Contact-Us---*/



.starprowithSec{padding: 50px 0;}

.starinfocol{margin-bottom: 20px;}

.infodetail p{margin-bottom: 5px;}

.infodetail .infotitle{font-size: 20px;}

.infoicon{max-width: 40px;max-height: 40px;}

.infodetail{padding-left: 15px;}

.ourofficeSec{padding: 50px 0;}



/*---Contact-Us---*/



/*---Blog---*/

.bloglistbannerSec{padding: 70px 0;}

.blogdetailbannerSec{padding: 90px 0;}

.blogdetailbannerSec.homebannerSec{min-height: 300px;}

/*---Blog---*/



/*---404---*/

.errormain .errortext{font-size: 100px;margin-bottom: 10px;}

.errormain .errordec{font-size: 20px;}

.errormain .error-sub-text{font-size: 18px;max-width: 80%;margin-bottom: 20px;}



/*---404---*/



/*---thank-you---*/

.thankyou .thanktitle{font-size: 60px;}

.thankyou p{font-size: 18px;margin-bottom: 30px;}

/*---thank-you---*/

/*---packages---*/
.packlist .packbox .digiboxtitle .dimartitle{font-size: 18px;}
.packlist .packbox .digiboxtitle .dimarpac{font-size: 24px;}
.packageSec{padding: 50px 0;}
.packlist .packbox .packboxInner{padding: 10px;}
.packlist .packbox .getbtn {opacity: 1;visibility: visible;position: static;}
.packageSec .sec-title{margin-bottom: 10px;}
/*---packages---*/
.processstep .process_slideshow .process_slideshow_text{padding-bottom:50px;}
.get-quoteSec{padding: 50px 0;}
.commonSec{padding: 50px 0;}
}





/* common css for below screen 991 */



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

p{font-size: 14px;}	

/*.headerMain .siteLogo img {width: 40rem;}*/

.headerMain .container-fluid{padding-right: inherit;}

.headerMain{padding: 15px 5px;}

.menuIcon { display: inline-block; vertical-align: middle;}

.m_menuLogo{display: block;width: 100%;padding: 15px 15px 15px;border-bottom: 1px solid #d1d1d1;

background: #f5f5f5;display: block;width: 100%;}

.headerMain .m_menuLogo .menuLogo{max-width: 200px;margin: auto; display: block;}

.headerMain .m_menuLogo .menuLogo img{filter:none;}

.m_menuLogo .closeMenu { position: absolute; right: 0; top: 0; width: 30px; height: 30px; padding: 6px;}

.m_menuLogo .closeMenu:before { content: ''; width: 22px; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: auto; bottom: 0;}

.m_menuLogo .closeMenu:after { content: ''; width: 22px; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: auto; bottom: 0;}

.navigationBar { position: fixed; width: 300px; top: 0; bottom: 0; left: -320px; background: #fff; transition: all .6s ease-in-out; margin: 0; z-index: 9999; height: 100vh; /*overflow-y: auto;*/}

.navigationBar.slideMenu{left: 0;}

.menu-main-menu-container{width: 100%;margin-bottom: 2rem; display: block;}

.menu-main-menu-container > ul{overflow-y: auto;height: calc(100vh - 133px);}

.menu-main-menu-container li{width: 100%; display: block; border-bottom: 0.1rem solid #e2e2e2; padding:0; margin:0; position: relative;font-weight: 500;}

.menu-main-menu-container li a{display: block; width: 100%; padding: 10px 15px; text-align: left;}

.menu-main-menu-container > ul > li > a{ font-size: 14px; font-weight: 500;color: #000;}
.menu-main-menu-container .main-menu li a{color: #000;}
.menu-main-menu-container li.btn{margin-left: 0;background: transparent;color: #000;padding: 10px 15px;
box-shadow: none;border-color: #e2e2e2;}
.menu-main-menu-container li.btn.current-menu-item a{color: #000;}
.menu-main-menu-container li.btn:before{display: none;}
.menu-main-menu-container ul li a:before{display: none;}

.menu-main-menu-container{width: 100%;}

.headerMain.has_sticky .menu-main-menu-container li a{color: #000;}

.navigationBar .btn.btn-light.btn-outline{margin: 1rem auto !important; color: #fff !important; background: #4a74fe; display: table; min-width: 200px; border-color: #4a74fe;}

.navigationBar .socialMedia{ display: table; width: 100%;  position: absolute; left: 0; right: 0; bottom: 0; background: #0086f5;}

.socialMedia a{font-size: 16px;}

.navigationBar .menu-main-menu-container>ul li .arrow:before {content: ""; position: absolute; left: 0; right: 1rem; top: -0.2rem; bottom: 0; width: 1.5rem;

height: 1.5rem; border-bottom: 0.3rem solid #000; border-right: 0.3rem solid #000; transform: rotate(-45deg); margin: auto; transition: border .4s ease-in-out, transform .4s ease-in-out;}

.navigationBar .menu-main-menu-container>ul li .arrow.minus:before {transform: rotate(45deg);}

.navigationBar .menu-main-menu-container>ul>li ul {display: none; padding: 0!important; position: static!important;

transform: none!important; left: inherit!important; top: inherit!important; width: auto!important; box-shadow: none!important; opacity: 1!important;

visibility: visible!important; transition: none!important;}

.navigationBar .menu-main-menu-container>ul>li ul li:last-child {border-bottom:0;}

/*.navigationBar .menu-main-menu-container>ul>li>ul>li>a {font-weight: 500; font-size: 14px; text-align: left;}*/

.navigationBar .menu-main-menu-container>ul>li>ul>li>ul {padding-left:1.5rem;}

.navigationBar .menu-main-menu-container>ul>li>ul>li>ul>li>a {padding-left: 0;}

.menu-main-menu-container ul li.megaMenu > ul > li {width: 100%;}

.megaMenuicon, .menu-text {display: none;}

.menu-main-menu-container ul.sub-menu:before{display: none;}

.menu-main-menu-container li a:hover:before{display: none;}

.menu-main-menu-container > ul > li:not(.megaMenu) .sub-menu{border-top: none;}

.darkheaderMain .menu-main-menu-container ul li.menu-item .arrow{border-bottom: 0;border-right: 0;}

.menu-main-menu-container > ul > li:not(.megaMenu) .sub-menu li a{padding: 10px 20px;font-size: 14px;border-width: 0;}
.menu-main-menu-container > ul > li:not(.megaMenu) .sub-menu > li > .sub-menu li a{font-size: 14px;padding-left: 20px;}
.menu-main-menu-container > ul > li:not(.megaMenu) .sub-menu > li.menu-item-has-children > a:after{display: none;}
.menu-main-menu-container > ul > li:not(.megaMenu) .sub-menu li > .arrow{display: block;}



.menu-main-menu-container > ul > li:not(.megaMenu) .subMenu li a {font-weight: 500;}



.navigationBar .menu-main-menu-container>ul li {position: relative;}

.navigationBar .menu-main-menu-container>ul li .arrow {position: absolute; right: 0; top: 0; width: 32px; height: 42px; z-index: 999; transform: none; bottom: inherit; border: none;}





.navigationBar .socialMeadia a{padding: 2rem; display: table-cell; text-align: center;border-left: 1px solid #fff;}

.navigationBar .socialMeadia a:first-child{border-left: none;}

.navigationBar .socialMeadia{display: table; width: 100%;  position: absolute; left: 0; right: 0; bottom: 0; background: #252b33;}



.headerMain.has_sticky .menuIcon{color: #fff}



.navigationBar .socialMeadia a {color: #fff !important;border-radius: 0;}

.headerMain.has_sticky .socialMeadia a {color: #fff;}

.headerMain.has_sticky{padding-right: 5px;}



.homebanner .bannerTitle{font-size: 4rem;}
.bannerTitle span{font-size: 4rem;}

.sec-title .title{font-size: 26px;line-height: 1.4;}

.rs-about.style1 .about-images .rs-addon-services{padding: 10px;max-width: 180px;width: 180px;}

.rs-about.style1 .about-images .rs-addon-services .services-icon img{width: 38px;height: 38px;}

.rs-about.style1 .about-images .rs-addon-services .services-text .title{line-height: 1.4;font-size: 11px;}

.ourclientlistmain ul li{padding: 15px 15px;}

.what-best .box-title{font-size: 18px;}

.histmain .histnav .histbtn{font-size: 16px;}

.employfacicon{min-height: 435px;}

.employfacicon .secHead .secTitle{font-size: 24px;margin-bottom: 20px;}

.emplofainner{padding-bottom: 0;}

.histtabSec .slick-dots{bottom: 30px;}

.customer-review-tab .slick-dots{bottom: -20px;}

.rs-pricing.pricing-style1 .pricing-table .pricing-icon img{width: 75px;margin: auto;}

.rs-pricing.pricing-style1 .pricing-table .pricing-badge{top: 20px;padding: 8px 10px;font-size: 12px;}

.rs-pricing.pricing-style1 .pricing-table{padding-top: 50px;}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-price .pricing-table-bags .pricing-currency{font-size: 20px;}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-price .pricing-table-bags .table-price-text{font-size: 30px;}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-price .pricing-table-bags .table-period{font-size: 14px;}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-price{margin-bottom: 20px;}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-body{padding: 10px;}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-body li{font-size: 14px;}

.rs-pricing.pricing-style1 .pricing-table .pricing-table-body li i{font-size: 14px;padding-left: 5px;padding-top: 5px;}

.rs-counter{padding: 30px 0;}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count{font-size: 30px;}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count.k:before{font-size: 22px;}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .title{font-size: 14px;line-height: 1.4;}

.rs-counter.style2 .counter-top-area .counter-list .count-icon{width: 50px;}

.footBox ul li{margin-bottom: 5px;}

.footBox{margin-bottom: 20px;}

.footTop{padding-bottom: 30px;}

.processrow .processcol{width: 50%;}

.processrow .processcol:nth-child(odd) .processBoxmain{margin-left: auto;}

.processBoxmain{width: 350px;height: 350px;padding: 30px;}

.processBoxmain:before{width: 350px;height: 187px;}

.contact-us .contact-info{width: calc(100% - 58px);display: inline-block;vertical-align: top;padding: 0 15px;}

.contactcolright .register-wrap{margin-left: 0;}

.homebannerSec{min-height: 400px;}

.homebannerslide{padding-top: 0px;}

.aboutimgone{max-width: 155px;}

.aboutimgtwo{max-width: 265px;/*margin-top: -180px;*/}

.aboutimgthree{max-width: 180px;margin-top: -93px;}

.rs-about .sec-title{padding-left: 20px;}

.review-wrap{padding-top: 0px;}

.sec-title{margin-bottom: 30px;}
.processcon p{font-size: 12px;-webkit-line-clamp:4;}

.rs-about{min-height: 400px;}
/*---services---*/

.processstep .process_slideshow.owl-theme .owl-controls{bottom: 0;margin-top: 20px;}

    .processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div.owl-next {

        right: 45%

    }

    .processstep .svg-box {

        width: 300px;

        height: 300px

    }

    .processstep .custom-section.process-wrapper.wd__process--wrapper .process_slideshow .process_slideshow_image img {

        width: 190px;

        margin-left: 45px

    }

    .processstep .custom-section.process-wrapper.wd__process--wrapper {

        padding-bottom: 50px

    }

    .processstep .process_slideshow .process_slideshow_image {

        flex-basis: 40%;

        width: 40%

    }

    .processstep .process_slideshow .process_slideshow_text {

        flex-basis: 60%;

        width: 60%

    }

    .processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div.owl-prev {

        left: 40%

    }

    .processstep .process-wrapper.wd__process--wrapper .entry-title {

        margin-left: 0

    }



    .rs-about.serviceabout .sec-title{padding-left: 0;padding-right: 30px;}

    .technboxmain{padding: 20px 15px;}

    .technboxmain .technboxcon .technboxtitle{font-size: 16px;padding-bottom: 10px;}

    .whydevicon{max-width: 60px;max-height: 60px;padding: 10px;}

    .whydevcon .devteamtitle{font-size: 18px;}

    .faqaccormain .accordion-button{font-size: 16px;}

    .faqaccormain .accordion-button::after{background-size: 16px;width: 16px;height: 10px;}

    .technologybtn{width: 25px;height: 25px;}

    .technologybtn .fa{font-size: 15px;line-height: 25px;}

    .tech-icon{width: 15px;height: 15px;}

    .portechnobox{padding-right: 25px;}

    .portfolicon .portfolititle{font-size: 16px;}

    .portfolicon{min-height: 180px;}

.processstep .process_slideshow .process_slideshow_text{padding-top: 0;}

.processstep .owl-theme .owl-controls .owl-buttons div.owl-next:after{margin-top: 3px;}

.processstep .owl-theme .owl-controls .owl-buttons div.owl-prev:after{margin-top: 19px;}


.visimiscol{margin-bottom: 30px;}
.visimiscol:last-child{margin-bottom: 0px;}
.viewmorebtn{font-size: 14px;padding-right: 18px;}
.viewmorebtn:before{width: 12px;height: 12px;}
/*---services---*/



/*---Contact-Us---*/





/*---Contact-Us---*/



/*---Blog---*/

.blogmain .blog-item{padding: 0 10px;}

.bloglistSec{padding: 50px 0;}

.rs-blog .blogboxmain .image-wrap .post-categories li a{font-size: 12px;}

.rs-blog .blogboxmain .image-wrap .post-categories{bottom: 15px;right: 15px;}

.rs-blog .blogboxmain .blog-content{padding: 18px 15px;}

.rs-blog .blogboxmain .blog-content .blog-title{font-size: 16px;}

.bloglistcol{padding: 0 10px;}

.bloglistSec .widget-area .widget_search{padding: 15px;}

.widgetcol{margin-bottom: 20px;}

.widgetcol:last-child{margin-bottom: 0px;}

.bloglistSec .widget-area .widget_search .search-wrap button{font-size: 16px;}

.bloglistSec .widget-area .widget_search .search-wrap [type=search]{padding: 12px;}

.bloglistSec .widget-area .widget_categories{padding: 15px;}

.bloglistSec .widget-area .widget-title .title{font-size: 18px;}

.bloglistSec .widget-area .widget_categories li{padding-top: 8px;}

.bloglistSec .widget-area .widget_categories li a{font-size: 14px;}

.bloglistSec .widget-area .recent-posts{padding: 15px;}

.bloglistSec .widget-area .recent-posts .recent-post-widget .post-img{width: 65px;padding-right: 10px;}

.bloglistSec .widget-area .recent-posts .recent-post-widget .post-desc a{font-size: 14px;line-height: 1.4;

margin-bottom: 5px;}

/*---Blog---*/



/*---cmsCon---*/



.cmsCon .alignleft{margin: 0 20px 20px 0;}

.cmsCon .alignright{margin: 0 0 20px 20px;}

.cmsCon .aligncenter{margin: 0 auto 20px auto; text-align: center;}

.cmsCon p{font-size: 14px;}

.cmsCon h1{font-size: 36px;margin-bottom: 20px;}

.cmsCon h2{font-size: 30px;margin-bottom: 20px;}

.cmsCon h3{font-size: 26px;margin-bottom: 20px;}

.cmsCon h4{font-size: 24px;margin-bottom: 20px;}

.cmsCon h5{font-size: 20px;margin-bottom: 20px;}

.cmsCon h6{font-size: 16px;margin-bottom: 20px;}

.cmsCon ul li{font-size: 14px;padding-left: 16px;margin-bottom: 10px;}

.cmsCon ul li:before{width: 8px;height: 8px;top: 5px;}

.cmsCon ol li{font-size: 14px;}

.cmsCon ol{margin-bottom: 10px;}

.cmsCon ul{margin-bottom: 20px;}

/*---cmsCon---*/



.getfreecall {display: none;}

.getquotemodal .modal-dialog {max-width: 700px;}

.getquotemodal .enquireform {padding: 20px;}

.enquireformcol:last-child{margin-bottom: 0;}

/*---packages---*/
.packlist .packbox{width: 50%;}
.packlist .packbox .digiboxtitle p{min-height: 40px;}
/*---packages---*/

.processstep{width: 100%;}
.enquireserviceform{width: 100%;}
.foot-block{margin-bottom: 20px;}
.get-quoteSec .get-quoteForm{margin-bottom: 30px;}
.getquoteclientSec .ourclientlistmain{max-width: 100%;}
.getquoteclientSec .ourclientlistmain ul li{width: 16.66%;}

}







/* common css for below screen 767 */



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

html{font-size: 6px;}	

.btn{padding: 12px 16px;min-width: 145px;}

.btn ~ .btn{margin-left: 10px;}



.headerMain{padding: 10px 5px;}

.headerMain.has_sticky{padding: 10px 5px;}

.homebanner{padding-right:0;}

.btn.btn-getquote{display: none;}

.m_footCont{display: block;position: fixed;bottom: 0;left: 0;right: 0;background: #ed161f;z-index: 9;box-shadow: 0 0 5px 0px rgb(0 0 0 / 50%);

text-align: center;}

.m_footCont .mb-btn-getquote{font-size: 16px;color: #fff;line-height: 1;font-weight: 600;text-align: center;display: block;text-transform: uppercase;

padding: 14px 15px;}

/*---home-banner-2---*/

.homeBannerSec .slick-dots{position: absolute;bottom: 10px;left: 0;right: 0;margin: auto;}
.bannerconMian{padding-top: 250px;padding-bottom: 50px;padding-left: 15px;}
.bannerconMian .bannerTitle{font-size: 30px;}
.bannerconMian .bannerbgTitle{font-size: 30px;}
.bannerconMian p{font-size: 16px;}
.homebanneritem{min-height: 400px;position: relative;z-index: 2;}
.homebanneritem:before{position: absolute;content: ""; top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;
background: #fff;opacity: 0.3;z-index: -1;}
.bannerconMian{max-width: 100%;}

/*---home-banner-2---*/



.homebannerSec{/*min-height: 400px;*/}


.homebannerslide{/*padding-bottom: 40px; padding-left: 15px;*/}
.homebanner-item{padding-bottom: 40px; padding-left: 15px;padding-right: 15px;padding-top: 100px;min-height: 400px;}

.partnerSliderWrap{padding: 20px 0;}

.bannerTitle small{font-size: 16px;}
.sec-title .sub-text{line-height: 1;}

.sec-title .title{font-size: 22px;padding-bottom: 15px;padding-right: 0px;}

.ourportfoliSec .sec-title{text-align: left;}

.rs-about .sec-title{padding-left: 15px;}

.rs-about .sec-title .desc{margin-bottom: 20px;font-size: 14px;}

.rs-about.style1 .about-images .rs-addon-services{width: 157px;max-width: 157px;}

.about-images .services-icon{display: none;}

.rs-about.style1 .about-images .rs-addon-services .services-text{padding-left: 0;}

.review-wrap ul{display: block;font-size: 0;}

.review-wrap ul li{flex: 0 0 50%;max-width: 50%;display: inline-block;vertical-align: top;margin-bottom: 15px;

width: 50%;}

.ratingmian{border-right: 1px solid #eee;}

.ratreviews{padding-left: 7px;}

.rs-about{padding: 40px 0;}

.rs-services{padding: 30px 0;}

.rs-services .sec-title .title{padding-bottom: 30px;}

.rs-services.main-home .services-item{padding: 20px 15px;}

.rs-services.main-home .services-item .services-content{padding-top: 0px;}

.rs-services.main-home .services-item .services-content .services-text .title{font-size: 16px;line-height: 1.4;}

.ourclientSec{padding: 30px 0;}

.ourclientSec .sec-title .title{padding-bottom: 30px;}

.ourclientlistmain ul li{width: 20%;}

.ourclientlistmain ul li:nth-last-child(-n+6), .ourclientlistmain ul li:nth-last-child(-n+6):nth-child(6n+1)~li {border-bottom: 1px solid #ccc;}

.ourclientlistmain ul li:nth-child(6n+6) {border-right: 1px solid #ccc;}

.ourclientlistmain ul li:nth-last-child(-n+5), .ourclientlistmain ul li:nth-last-child(-n+5):nth-child(5n+1)~li {border-bottom: 1px solid #ccc;}

.ourclientlistmain ul li:nth-child(5n+5) {border-right: none;}

.what-best .item{padding: 18px 13px;}

.what-best .item .image-part{max-width: 40px;margin-bottom: 20px;}

.what-best .box-title{font-size: 16px;margin-bottom: 20px;}

.what-best .item .link{padding: 10px 0;}

.what-best .item .link span{font-size: 16px;}

.rs-process{padding: 30px 0;}

.histSec{padding: 30px 0;}

.histmain{display: none;}

.ourhistboxsec .secHead{margin-bottom: 10px;}

.histab-con{margin-top: 0;}

.employfacicon{min-height: 300px;padding: 30px 25px;}

.employfaconbox{border-radius: 0;margin-right: 0;margin-top: -20px;}

.histtabSec .slick-dots{display: block;text-align: center;left: 0;right: 0;}

.employfacicon .secHead .secTitle{font-size: 20px;}

.employfacicon .cmsCon p{font-size: 14px;}

.customer-review-tab{padding: 30px 0;}

.testimonial-video-wrapper .rounded-custom{width: 100%;height: 100%;}

.video-icon span{font-size: 14px;display: inline-block;vertical-align: middle;}

.testimonial-tab-content .quotesimg{width: 40px;margin-bottom: 20px;}

.blockquote-title-review{margin-bottom: 20px;}

.testitle{font-size: 18px;}

.authortitle{font-size: 14px;}

.pricingcol{padding-bottom: 50px;}

.pricingcol:last-child{padding-bottom: 0px;}

.addresstitle{font-size: 16px;}

.formtitle{font-size: 16px;}

.form-check-input{width: 20px;height: 20px;}

.form-check{padding-left: 26px;}

.footTop{padding-top: 30px;}

.footerMain{margin-bottom: 0px;}

.foot-none{display: none;}

.footBox{text-align: center;}

.footLogo{margin: auto;margin-bottom: 0;}

.socialMeadia{display: block;text-align: center;}

.homebannerSec:before{background-position: left;}

.histtabSec .slick-dots{padding-left: 0;}

.slick-dots li button{width: 10px;height: 10px;}

.form-control.textare-form-control{min-height: 80px;}

.processBoxmain{padding: 0;width: 300px;height: 300px;margin: auto;}

.processBoxmain:before{display: none;}

.processcol{margin-bottom: 25px;}

.rs-services.main-home .services-item .services-icon{display: inline-block;}

.rs-services.main-home .services-item .services-icon .image-part{width: 50px;height: 50px;}

.rs-services.main-home .services-item .services-icon .image-part .main-img{max-width: 28px;max-height: 28px;}

.services-content .services-text{display: inline-block;width: calc(100% - 70px);vertical-align: top;padding-top: 15px;padding-left: 10px;}

.rs-services.main-home .services-item .services-icon{padding-bottom: 20px;}



.form-control, .custom-select{border-radius: 8px;padding: 10px 15px;}

.input-group .form-select{background-position: right 15px center;}

.aboutimgmain{padding-top: 50px;}

.aboutimgone{max-width: 135px;}

.aboutimgtwo{max-width: 230px;/*margin-top: -140px;*/}

.aboutimgthree{max-width: 155px;margin-top: -80px;}

.rs-about.style1 .about-images{max-width: 319px;margin: auto;}



/*---aboutus---*/



.clientfocSec .rs-addon-number .number-text{padding-top: 0px;margin-top: 40px;padding-left: 60px;position: relative;}

.process-wrap{margin-right: 0;}

.clientfocSec .rs-addon-number .number-text .number-area{position: absolute;top: 5px;left: 0;}

/*---aboutus---*/



/*---services---*/

.techncol .technboxmain:hover:before{font-size: 34px;}

.processstep .custom-section.process-wrapper.wd__process--wrapper {

        padding-top: 0

    }

    .processstep {

        padding: 20px 0

    }

    .processstep .process-wrapper.wd__process--wrapper .entry-title {

        margin-left: 0;

        margin-bottom: 80px;

        font-size: 20px

    }

    .processstep .process_slideshow .process_slideshow_image {

        width: 100%;

        flex-basis: 100%

    }

    .processstep .process_slideshow .process_slideshow_text {

        width: 100%;

        flex-basis: 100%;

        padding-top: 80px

    }

    .processstep .process_slideshow .process_slideshow_item {

        display: block

    }

    .processstep .owl-theme .owl-controls {

        margin-bottom: 40px;

        padding-top: 15px

    }

    .processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div {

        bottom: -60px;

        top: inherit

    }

    .processstep .custom-section.process-wrapper.wd__process--wrapper .svg-box {

        left: 0;

        right: 0;

        margin: auto

    }

    .processstep .custom-section.process-wrapper.wd__process--wrapper .process_slideshow .process_slideshow_image img {

        margin: auto

    }

    .processstep .process_slideshow .process_number {

        width: 35px;

        height: 35px;

        line-height: 35px;

        font-size: 16px

    }

    .processstep .process_slideshow .process_number {

        margin: auto;

        margin-bottom: 15px

    }

    .processstep .process_slideshow .process_text h3 {

        font-size: 18px;

        margin-bottom: 10px;

        text-align: center

    }

    .processstep .process_slideshow .process_text p {

        text-align: center

    }

    .processstep .custom-section.process-wrapper.wd__process--wrapper {

        padding-bottom: 0

    }

.processstep .process_slideshow .process_number{display: block;}

.processstep .process_slideshow.owl-theme .owl-controls{left: 0;margin-bottom: 0;}

p br{display: none;}

.faqaccormain{max-width: 100%;}

.portfolicon{min-height: auto;}

.processstep .process_slideshow .process_text{width: 100%;padding-left: 0;}
.ourproceSec{padding: 30px 0;}
.faqSec{padding: 30px 0;}
.experienceseoSec .row{margin-bottom: 20px;}
.commonsec{padding: 30px 0;}
/*---services---*/



/*---our-work---*/



#filters li span{padding: 5px 10px;}

#portfoliolist .portfolio{width: 50%;}

.bloglistbannerSec{padding: 40px 0;}

.portfolicon{padding: 15px 15px;}

.portechnobox{padding-right: 35px;}

.technologybtn{width: 35px;height: 35px;}

    .technologybtn .fa{font-size: 22px;line-height: 35px;}

    .tech-icon{width: 22px;height: 22px;}

    #portfoliolist{width: auto;}

/*---our-work---*/



/*---Contact-Us---*/

.starprowithSec{padding: 30px 0;}

.starinfobox{padding: 15px;}

.infoicon{max-width: 35px;max-height: 35px;}

.infodetail .infotitle{font-size: 16px;}

.infodetail{width: calc(100% - 40px);}

.starinfocol{padding: 0 10px;}

.ourofficeSec{padding: 30px 0;}

.office-overlay{opacity: 1;}

.office-info address{visibility: visible;opacity: 1;}

.office-address .office-info{-webkit-transform: translateY(0);

    transform: translateY(0);}

    .office-address{height: 260px;}

/*---Contact-Us---*/



/*---Blog---*/



.blogdetailbannerSec.homebannerSec{min-height: 160px;}

/*---Blog---*/



/*---404---*/

.errormain .errortext{font-size: 70px;}

.errormain .errordec{font-size: 18px;}

.errormain .error-sub-text{font-size: 16px;max-width: 100%;}



/*---404---*/



/*---thank-you---*/

.thankyou img{max-width: 80px;}

.thankyou .thanktitle{font-size: 40px;}

.thankyou p{font-size: 16px;margin-bottom: 20px;max-width: 100%;}

/*---thank-you---*/



/*---get-quote---*/

.btn.btn-quote{min-width: 120px;}

.getquotemodal .modal-title{font-size: 18px;}

.closePopup{width: 25px;height: 25px;}

.getquotemodal .modal-header{padding: 10px;}

.getquotemodal .modal-dialog{max-width: 550px;}

.get-quoteSec{padding: 30px 0;}
.get-quoteSec .get-quoteForm{max-width: 100%;}
.get-quoteSec .sec-title{margin-bottom: 20px;}
.getquoteclientSec .ourclientlistmain ul li{border: none;border-bottom: none !important;border-right: none !important;}

/*---get-quote---*/


.visimisstitle{font-size: 22px;}
.processBoxmain svg{display:none}
.commonSec{padding: 30px 0;}
.sitemapSec .footBox{text-align: left;}

}







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



.bannimg{max-width: 100%;}

.banncol{margin-bottom: 20px;}

.banncol:last-child{margin-bottom: 0px;}

.homebannerslide{/*padding: 40px 15px;*/}
.bannerTitle b{display: block;}

.bannerTitle u{display: block;}

.homebanner .bannerTitle{line-height: 1.4;}
.homebanner-item:before{position: absolute;content: ""; top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;
background: #fff;opacity: 0.3;z-index: -1;}

.aboutcol{margin-bottom: 30px;}

.aboutcol:last-child{margin-bottom: 0px;}

.rs-about.style1 .about-images .rs-addon-services{padding: 15px 10px;width: 175px;max-width: 175px;}

.review-wrap{padding-top: 20px;}

.ourclientlistmain ul li{width: 33.33%;}

.ourclientlistmain ul li:nth-last-child(-n+6), .ourclientlistmain ul li:nth-last-child(-n+6):nth-child(6n+1)~li {border-bottom: 1px solid #ccc;}

.ourclientlistmain ul li:nth-child(6n+6) {border-right: 1px solid #ccc;}

.ourclientlistmain ul li:nth-last-child(-n+5), .ourclientlistmain ul li:nth-last-child(-n+5):nth-child(5n+1)~li {border-bottom: 1px solid #ccc;}

.ourclientlistmain ul li:nth-child(5n+5) {border-right: 1px solid #ccc;}

.ourclientlistmain ul li:nth-last-child(-n+3), .ourclientlistmain ul li:nth-last-child(-n+3):nth-child(3n+1)~li {border-bottom: 1px solid #ccc;}

.ourclientlistmain ul li:nth-child(3n+3) {border-right: none;}

.choosecol{margin-bottom: 20px;}

.choosecol:last-child{margin-bottom: 0px;}

.what-best{padding: 30px 0;}

.processrow .processcol{width: 50%;padding: 0 4.5px;}

.processrow .processcol:nth-child(odd) .processBoxmain{margin-left: 0;}

.processBoxmain{width: 100%;height: 100%;padding: 0px;}

.processcon p{display: none;}

.rs-process .sec-title .title{padding-bottom: 30px;}

.processBoxmain:before{width: 355px;height: 190px;transform: rotate(90deg);top: 0;left: -73px;bottom: 0;margin: auto;}

.processcol:nth-child(even) .processBoxmain:before{bottom: 0;right: -73px;left: inherit;}

.employfacicon{min-height: 350px;padding: 20px 15px;}

.author-info span{line-height: 1.4;}

.testimonial-thumb img{width: 40px;}

.countercol{padding-bottom: 15px;}

.rs-counter{padding-bottom: 15px;}

.procestepHead .procesteps{font-size: 26px;}

.procestepHead img{max-width: 35px;}

.processcon .procestepstitle{font-size: 14px;}

.processdetail{padding: 15px 10px;}

.contact-us .contact-info{padding-right: 0;width: calc(100% - 50px);}

.icon-box i{width: 45px;height: 45px;line-height: 45px;}

.section-heading{margin-bottom: 25px;}

.what-best .item .image-part{display: inline-block;margin-bottom: 0;}

.what-best .choosecon{display: inline-block;width: calc(100% - 50px);vertical-align: top;padding-left: 15px;}

.what-best .choosecon .box-title{margin-bottom: 0;}

.what-best .item .choosecon .link{border-top: none;padding-bottom: 0;}

.what-best .item .link{padding-top: 7px;padding-bottom: 0;}

.aboutimgthree{max-width: 165px;}

.sec-title{margin-bottom: 20px;}

.aboubanmain{padding: 40px 0;}

.visimissimgmain{padding-left: 0;padding-bottom: 20px;}

.visimisscoreSec{padding: 30px 0;padding-bottom: 10px;}

.technologySec{padding: 30px 0;}

.whywedevlopSec{padding: 30px 0;}

.whydevicon{margin-bottom: 20px;}

.whydevlcol{margin-bottom: 20px;}

.whydevlcol:last-child{margin-bottom: 0px;}

.ourproceSec .sec-title{margin-bottom: 40px;}

.processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div.owl-prev{left: 34%;}

.processstep .process_slideshow.owl-theme .owl-controls .owl-buttons div.owl-next{right: 38%;}

.processstep .owl-theme .owl-controls .owl-buttons div.owl-next:after{margin-top: 4px;}

.processstep .owl-theme .owl-controls .owl-buttons div.owl-prev:after{margin-top: 20px;}

.faqaccormain .accordion-button{padding: 10px 15px;padding-right: 35px;}

.ourportfoliSec .sec-title{text-align: left;}

/*.review-wrap ul li{flex: 0 0 100%;max-width: 100%;width: 100%;}*/

.ratingbox{padding-left: 10px;}

.complogo{position: relative;left: 0;}

.ratingmian{padding-left: 10px;border: 0;padding-right: 0;}

.ratreviews{display: block;padding-left: 0;padding-top: 10px;text-align: center;}

.testimonial-tab-menu{display: none;}

.customer-review-tab{padding-bottom: 60px;}

.blogslide .slick-current.slick-active.slick-center{opacity:1;}

.blogslide .slick-slide{opacity:0.5;}



#filters{/*overflow: auto;white-space: nowrap;*/margin: 0 -5px;}

#filters li{padding: 0 5px;margin-bottom: 10px;}

#portfoliolist .portfolio{width: 100%;}

.filerworkSec{padding-bottom: 0;}

.rs-about.style1 .about-images{max-width: 355px;margin: auto;}



/*---Contact-Us---*/

/*.aboutconmain .bannercon p{margin-bottom: 0;}*/

.officeaddrow{/*overflow: auto;white-space: nowrap;*/display: block;font-size: 0;}

.officeaddcol{display: inline-block;white-space: normal;width: 50%;}

.office-address{height: 280px;}

/*---Contact-Us---*/



/*---Blog---*/

.blogmain .blog-item{width: 100%;}

.blogmain .blog-item{margin-bottom: 20px;}



/*---Blog---*/



/*---cmsCon---*/

.cmsCon .alignleft{max-width: 100%;margin: 0 auto 20px auto;}

.cmsCon .alignright{max-width: 100%;margin: 0 auto 20px auto;}

.cmsCon .aligncenter{margin: 0 auto 20px auto; text-align: center;}

/*---cmsCon---*/



.head-phone{display: inline-block;vertical-align: middle;}

 .headetailbox{padding-left:0;width:40px;height:40px;background: rgba(254, 205, 0, 0.99);border-radius: 50%;position: relative;}

 .headetailbox .fa{font-size:22px;top:1px;left:-1px;position: absolute;bottom: 0;right: 0;margin: auto;color: #fff;

    text-align: center;line-height: 1.8;}

.serviceabout .about-images img{max-width: 65%;margin: auto;}

.processstep .process_slideshow .process_number{display: none;}

.processstep .process_slideshow.owl-theme .owl-controls{display: none !important;}

.rs-counter.style2 .counter-top-area .counter-list{display: block;}

.rs-counter.style2 .counter-top-area .counter-list .count-icon{padding-right: 0;padding-bottom: 15px;margin: auto;

display: block;}

.counter-text{text-align: center;}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count{-webkit-text-fill-color: #fff;}

.rs-counter .counter-top-area .counter-list .counter-text .count-number .rs-count.plus{padding-right: 22px !important;}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count{font-size: 26px;}

.rs-counter.style2 .counter-top-area .counter-list .counter-text .count-number .rs-count.plus:before{top: 6px;font-size: 26px;}

.rs-counter.style2 .counter-top-area .counter-list .count-icon{height: 50px;}

.rs-counter.style2 .counter-top-area .counter-list .count-icon img{margin: auto;}

.getquotemodal .modal-dialog{max-width: 100%;}

.getquotemodal .enquireform{padding: 15px;padding-top: 30px;}


/*---packages---*/
.packlist .packbox{padding: 2px;}
.packageSec .sec-title{padding: 0 15px;}
.packageSec .container{padding: 0;}
/*---packages---*/
.processstep .process_slideshow .process_slideshow_text{padding-bottom:30px;}
.faqaccormain .accordion-body{padding:15px 15px;padding-top:0;padding-right:25px;}
.processBoxinner{border-radius: 4px;padding: 0;}
.processBox{border-radius: 0;padding: 0;}
.processdetail{border-radius: 0;border: 0;}
.procecenter{top: 0;left: 0;transform: none;}
.processcon p{-webkit-line-clamp: 10;}
.processrow.g-0, .processrow.gx-0{--bs-gutter-x: -4.5px;}
.experience-images{max-width: 100%;}
.technologySec .techncol:last-child{margin-bottom: 0;}
.technologySec .sec-title{margin-bottom: 30px;}
.getquoteclientSec .ourclientlistmain ul li{width: 33.33%;}
.page-template-get-quote .customer-review-tab{padding-bottom: 20px;}
}







/* common css for below screen 479 */



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

.processstep .process_slideshow .process_slideshow_text{padding-bottom:0px;}

.footBox ul.twoColList li{width: 100%;}

}







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



}







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



/*.processBoxmain{width: 145px;height: 145px;}*/

.procestepHead img{max-width: 30px;}

.processcon .procestepstitle{font-size: 13px;}

.office-address{height: 250px;}

.officeaddcol{display: block;white-space: normal;width: 100%;}

.aboutimgone{max-width: 120px;}

.aboutimgtwo{max-width: 215px;}

.aboutimgthree{max-width: 115px;margin-top: -60px;}

}





/* common css for screen size between 480 to 767 */



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



}





/* common css for screen size between 568 to 767 */



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





}





/* common css for screen size between 600 to 767 */



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



	

}







/* common css for screen size between 768 to 1199 */



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





}





/* common css for screen size between 768 to 1023 */



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





}



/* common css for screen size between 1024 to 1199 */



@media only screen and (min-width: 1200px) and (max-width: 1366px) {



}