/* <========================= Design by soumyadeep ==================> */
/*1200px*/
@media only screen and (max-width: 1400px) {
}
/*1170px*/
@media only screen and (max-width: 1199px) {
    body{padding: 0 10px;}
    .common_banner.innerbanner .heading{font-size: 45px; line-height: 52px;}
    .common_banner.innerbanner .heading strong{font-size: 50px; line-height: 75px;}
    .common_banner.innerbanner .bannertext-in p{margin: 8px 0;}
    .bannertext .bannertext-in { width: 750px; margin-bottom: 40px; }
    .innerbanner{min-height: 300px;}
    .footer-review{right: 60px; top: 30%;}
    .topHeading{margin: 0 0 50px;}
    .section.talk_us{padding: 20px 0;}
    .talk_us .letsTalk{width: 100px; height: 100px;}
    .letsTalk span{font-size: 14px; line-height: 1.0em;}
    .talk_us .sk_content_wrap .title{font-size: 20px; line-height: 1.0em;}
    .portfolio_popup-wrapper{max-width: 800px;}
}
/*992px*/
@media only screen and (max-width: 1169px) {
    .innerbanner{min-height: 200px;}
    .site-header .main-bar .logo-header { max-width: 110px; }
    .bannertext .bannertext-in{width: 610px; margin-bottom: 10px;}
    .homebanner .bannertext .heading{font-size: 50px; line-height: 1.0em;}
    .homebanner .bannertext .subheading{font-size: 18px;}
    .digital-identities .review-list .rating_slider .item .rbox{margin: 0 auto;}
    .digital-identities .review-list .rating_slider .owl-dots{text-align: center;}
    .list_why ul li{font-size: 14px; line-height: 20px;}
    .btn, [type="submit"], form button{min-width: 140px; padding: 0 20px;}
    .hook-footer-above .subscribed{padding: 9px 0px;}
    .topHeading{font: 500 30px 'Roboto', sans-serif; line-height: 40px;}
    .section{padding: 25px 0;}
    .topHeading { margin: 0 0 35px; }
    .talk_us .sk_content_wrap{max-width: 700px;}
    .hook-service .row [class*="col-"] { margin-bottom: 0px; }
    .common_banner.innerbanner .heading { font-size: 40px; line-height: 45px; }
    .common_banner.innerbanner .heading strong { font-size: 40px; line-height: 50px; margin-left: 0;}
    .common_banner .btngroup .btn{padding: 0 5px 0 5px; line-height: 30px;}
    .common_banner.innerbanner .heading { font-size: 35px; line-height: 40px; }
    .hook-contact-detail ul.tabs li{padding: 0 35px;}
    .content-inner{padding-top: 0;}
    .testimonial_inner_page .testimonials-list aside{height: 290px;}
    .sm-martng-process .service-list{margin-top: 50px;}
    .hook-service .row{padding-top: 9px;}
    .portfolioBanner{height: 50vh;}
    .portFolio-content{height: 50vh;}
}
/*768px*/
@media only screen and (max-width: 991px) {
    .main-nav .main_menu{justify-content: space-between;}
    .navicon span{background: #000;}
    .responsive_btn{display: block;}
    .nav_menu{display: none;}
    .sub-menu-down .sub-menu li i{display: none;}
    .ContactBtn{ border-top: 1px solid rgba(255, 255, 255, 0.2); list-style-type: none; margin: 0; padding: 0; position: relative; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #fff; padding: 12px 10px 8px;}
    .ContactBtn a{color: #fff;}
    .responsive_btn{right: -200px;}
    .banner-video{padding-top: 260px;}
    .digital-identities .review-list .rating_slider .item{min-height: 100px; padding: 0;}
    .digital-identities .review-list .rating_slider .item .rbox .reviewicon{max-height: 20px; width: 70%;}
    .digital-identities .review-list{margin: -50px 0 0;}
    .site-header .main-bar{height: 80px;}
    .site-header .main-bar .logo-header{max-width: 100px; display: block;}
    .homebanner .bannertext .heading{font-size: 40px;}
    .homebanner .bannertext .subheading{font-size: 16px; padding: 10px 0 10px;}
    .sk_content_wrap .editor_text p{font: 300 16px 'Roboto', sans-serif; line-height: 26px !important;}
    .about-heading{font-size: 40px; line-height: 46px;}
    .aboutUs .free_consultation{margin-left: 0; margin-top: 30px;}
    .hook-service .row{padding-top: 40px;}
    .hook-service .row [class*="col-"]{margin-bottom: 10px;}
    .hook-portfolio .ajaxToggleSlider .cat-toggle{margin: 0px auto 0px auto;}
    .cat-toggle > .item{margin: 0 auto 10px;}
    .free_consultation .form_wrap h2{margin: 0 0 10px 0 !important;}
    .aboutUs .free_consultation .form_wrap .labelWrap span{font-size: 16px; margin: 0 0 0px;}
    .quoteForm-new .free_consultation .form_wrap .labelWrap input, .quoteForm-new .free_consultation .form_wrap .labelWrap select{height: 35px;}
    .quoteForm-new .free_consultation .form_wrap .labelWrap{margin: 5px 0;}
    .free_consultation .form_wrap .btn_wr{margin-top: 0;}
    textarea{height: 100px;}
    .common_banner .btngroup .btn:hover{padding: 0 5px 0 5px;}
    .who-are.choose-us{padding: 10px 0;}
    .who-are.choose-us .sk_img_right{height: 500px; width: 500px; margin: 0 auto;}
    .who-are.choose-us .sk_img_right img{height: 100%;}
    .count-box{margin-bottom: 20px;}
    .hook-footer-above > div{padding-top: 0; background: #01bfc0; /*url(../upload/images/bg-image2.png) repeat center; margin: 0;*/}
    .hook-footer-above .girl-img{max-width: 200px; margin-top: 0;}
    .hook-testimonial-page .testimonial_left_content{padding: 10px 0 0 0px;}
    .hook-footer-above .row{height: 240px;}
    /* .hook-footer-above .subscribed{margin: 15px auto 0;} */
    .footer-bottom [class*="col-"]:first-child { order: 2; width: 50%; padding: 0; }
    .footer-bottom [class*="col-"]:nth-child(2) { order: 1; }
    .footer-bottom [class*="col-"]:nth-child(3) { order: 3; width: 50%; padding: 0; }
    .footer-bottom [class*="col-"]:last-child { order: 4; }
    .footer-bottom img{width: 100px; height: 100px; object-fit: contain; margin-right: 20px;}
    .social{justify-content: center;}
    .testimonials-list{margin-top: 10px;}
    .common_banner.innerbanner .heading { font-size: 20px; line-height: 30px; }
    .common_banner.innerbanner .heading strong{font-size: 25px; line-height: 35px;}
    .common_banner.innerbanner .bannertext-in p{font-size: 14px; line-height: 24px;}
    .btn{font-size: 0.9rem;}
    p{font-size: 16px; line-height: 1.6em;}
    h4{font-size: 22px;}
    .mt{margin-top: 10px;}
    .talk_us .sk_content_wrap p{font-size: 16px;}
    .talk_us .sk_content_wrap .title{font-size: 18px;}
    .talk_us .sk_content_wrap{max-width: 550px; column-gap: 25px;}
    .about-heading{font-size: 30px; line-height: 38px;}
    .list-item{grid-template-columns: repeat(1, 1fr); row-gap: 0; column-gap: 0;}
    .hook-reason .list-item{margin: 20px 0;}
    .android-app-we-do .btn_left {text-align: center;}
    .fcontentHead.f-heading{margin-top: 20px;}
    .faq-label{font-size: 16px; padding: 10px 10px 10px 30px;}
    .hook-faq .subheading::before{left: 0; top: 15px; font-size: 14px;}
    .contact-form-wraper.style-1 .contact-box .card .card-body .btn{width: auto !important;}
    .hook-contact-detail ul.tabs li{padding: 0 16px;}
    .contact-content li i{width: 60px; height: 60px; line-height: 60px;}
    .contact-content{padding: 20px 0;}
    .package-list .sbox{margin-bottom: 20px;}
    .testimonial_inner_page .testimonials-list aside{height: 222px;}
    .testimonial_inner_page .box-text-wrap .test_text{font-size: 14px; height: 80px; max-height: 100%;}
    .sm-martng-process .service-list .sbox, .sm-martng-process .service-list .row [class*="col-"]:nth-child(2n) .sbox{background: url(../images/sbg.jpg) no-repeat right top;}
    .freeQuote .getaquote .form_wrap{height: 85vh;}
    .portfolio_popup-wrapper{max-width: 600px;}
    .phoneno, .phoneno.active{color: #fff;}
    .active_flag ul li a{color: #fff;}
    .hook-footer-above .process_form .form-group{flex: 1;}
    .hook-testimonial-page::before{top: 0;}
    a.blantershow-chat{bottom: 35%; right: -14%;}
    .scroltop{bottom: 20%;}
}
/*600px*/
@media only screen and (max-width: 767px) {
    .bannertext .bannertext-in{width: 500px;}
    .section.digital-identities{min-height: 170px;}
    .list_why ul li{font-size: 12px; line-height: 18px; padding: 5px 0 5px 10px;}
    .who-are.choose-us .sk_img_right{height: 400px; width: 400px;}
    .process_form .form-group{margin-bottom: 10px;}
    /* .process_form h2{font-size: 20px; line-height: 1.1em; margin: 0 0 10px;} */
    .hook-footer-above .subscribed{margin: 0;}
    .common_banner.innerbanner .bannertext .container{height: auto; margin-top: 10px;}
    .innerbanner{min-height: 150px;}
    p{font-size: 14px; padding-bottom: 10px;}
    .section{padding: 15px 0;}
    .companyprofile-list li{margin-bottom: 10px;}
    .hook-establish .sbox-top{justify-content: center;}
    .talk_us .sk_content_wrap .title{font-size: 16px;}
    .talk_us .sk_content_wrap p{font-size: 14px;}
    .btn, [type="submit"], form button{line-height: 30px;}
    .talk_us .sk_content_wrap{max-width: 430px;}
    .BrandingAdvantage{padding: 50px 0;}
    .midle_img{display: none;}
    .hook-contact-detail ul.tabs li{padding: 0 5px;}
    h4{font-size: 18px;}
    .common_banner.innerbanner .heading strong{font-size: 20px; line-height: 28px;}
    .common_banner.innerbanner .bannertext-in p{margin: 0;}
    .testimonial_inner_page .testimonials-list aside{height: 160px;}
    .testimonial_inner_page .box-text-wrap img{width: 60px; height: 60px;}
    .testimonial_inner_page .box-text-wrap figure{margin: -50px 0 0px;}
    .testimonial_inner_page .box-text-wrap .testimonial_user{font-size: 16px; padding-top: 0;}
    .portfolio_popup-wrapper{max-width: 400px;}
    .hook-footer-above .process_form{margin-bottom: 0;}
    .hook-footer-above .row { height: auto; padding: 40px 10px; }
    .hook-footer-above .process_form .form-group{margin-bottom: 0;}
}
/*480px*/
@media only screen and (max-width: 599px) {
    .responsive_btn{right: -100px;}
    .site-header .main-bar .logo-header{padding-top: 10px;}
    .hook-service .row [class*="col-"]:nth-child(2n){top: 0;}
    .testimonials-list .owl-item #test{grid-template-columns: repeat(1, 1fr);}
    .bannerimg{height: 290px;}
    .bannertext .bannertext-in{width: 300px;}
    .topHeading{font: 500 20px 'Roboto', sans-serif; line-height: 25px;}
    .hook-startup .block-box{margin-bottom: 10px;}
    .section.talk_us{padding: 0;}
    .talk_us .letsTalk{width: 80px; height: 80px;}
    .talk_us .sk_content_wrap .title{font-size: 12px;}
    .talk_us .sk_content_wrap p{font-size: 10px;}
    .btn, [type="submit"], form button{line-height: 30px; font-size: 12px; font-weight: 600; min-width: 100px;}
    .letsTalk figure{width: 20px; height: 20px; margin: 0 auto;}
    .talk_us .sk_content_wrap{max-width: 318px;}
    .section.talk_us{padding: 10px 0;}
    .hook-portfolio .topHeading{margin-bottom: 40px !important;}
    .heading{font-size: 30px; line-height: 40px;}
    .about-text h3{font-size: 20px; line-height: 1.2em;}
    .aboutUs .sk_content_wrap .editor_text .about-text{font-size: 14px; line-height: 20px;}
    h4{font-size: 16px;}
    .hook-contact-detail ul.tabs li{padding: 0;}
    .hook-contact-detail li .flag{margin: 0 0px 0px 0;}
    .testimonial_inner_page .testimonials-list > .row > div{flex: 0 0 100%; max-width: 100%;}
    .testimonial_inner_page .testimonials-list aside{height: 100%;}
    .partner4 h2, .partner4 p{font-size: 30px;}
    .client_right_text{padding-left: 0;}
    .client_right_text p{font-size: 18px; line-height: 28px;}
    .sm-martng-process .service-list .sbox, .sm-martng-process .service-list .row [class*="col-"]:nth-child(2n) .sbox{background-size: cover;}
    .common_banner.innerbanner .bannertext-in p{display: none;}
    .common_banner.innerbanner .bannertext .container{margin-top: 20px;}
    .homebanner .bannertext .heading { font-size: 35px; }
    .homebanner .bannertext .subheading{font-size: 12px;}
    .banner-video{padding-top: 290px;}
    .innerbanner .bannerimg{height: 190px;}
    .hook-footer-above .process_form .form-group{flex: auto;}
    .hook-footer-above .process_form .form-inline{justify-content: center; margin: 0 !important;}
    .hook-footer-above .subscribed { padding: 10px 16px; font-size: 14px; }
    .scroltop{bottom: 25%;}
    .footer-review{top: 20%;}
    /* ----------------changers in responsive -------- */
    .counter-show.hook-count .count-num{font-size: 26px;}
    .counter-show.hook-count .count-box p{font-size: 16px;}
    .counter-show.hook-count .count-box figure{margin: 0 0 5px 0;}
    .counter-show.hook-count .count-box figure img{width: 30px; height: 30px;}
    .cat-toggle > .item{font-size: 14px;}
    .cat-toggle .tablinks{font-weight: 500; padding: 0 10px; line-height: 20px;}
    .mb-5{margin-bottom: 1rem !important;}
    .portfolio_popup-wrapper{height: 80vh;}
    .portFolio-content{height: 20vh;}
    .portfolio_popup .portFolio-content .heading{font-size: 24px; margin-bottom: 10px; line-height: 30px;}
    .business-descriprtion li strong{font-size: 16px; font-weight: 500;}
    .business-descriprtion li span{font-size: 14px;}
    .test_text{font-size: 14px;}
    .footer-review{display: none;}
    .section.talk_us{background: url('../upload/service_image/talk_us-banner.jpg')no-repeat center right;}
    .talk_us .sk_content_wrap{max-width: 100%;}
    .whyChooseus_list .cbox{padding: 10px;}
    .whyChooseus_list .cbox img{width: 30px; height: 30px;}
    .whyChooseus_list .cbox .subheading{letter-spacing: 0; font-size: 14px;}
    .heading{font-size: 20px; line-height: 30px;}
    .list-item li{font-size: 14px; font-weight: 300; line-height: 20px;}
    .list-item li strong{font-weight: 400;}
    .btngroup{text-align: center;}
    .banner-btn-group.btngroup{text-align: left;}
    .core-feature-wrap .sbox .figure-img img{width: 30px; height: 30px;}
    .core-feature-wrap h6, .core-feature-wrap .title{font-size: 14px; line-height: 1em; margin: 5px 0 0;}
    .list-item.c2{grid-template-columns: repeat(1, 1fr);}
    .list-item.c2 li{margin-bottom: 5px;}
    .list-item li{margin-bottom: 5px;}
    .hook-ui-ux-wrap .mobile-reverse{flex-direction: column-reverse;}
    .about-heading.underline::after{bottom: -6px;}
    .hook-reason-payment .about-heading{font-size: 20px; line-height: 30px;}
    .hook-reason-subheading{font-size: 18.4px; line-height: 1.3em;}
    .modifyHeading .benefit-list h3{font-size: 16px; line-height: 1.2em;}
    .benefit-list{min-height: 50px; padding-left: 60px; margin-bottom: 15px;}
    .benefit-list .figure-icon{width: 50px; height: 50px;}
    .hook-step .sbox{padding: 10px;}
    .hook-step .sbox figure{width: 30px; height: 30px; margin: 0 auto;}
    .hook-step .sbox figure img{height: 30px;}
    .hook-step .sbox .num{font-size: 20px;}
    .hook-step .sbox h6{font-size: 12px;}
    .ecommerce-inner h3{font-size: 20px;}
    .brochure_box h3{font-size: 18px;}
    .brochure_box .para{font-size: 16px;}
    .hook-contact-detail li .flag{background-size: contain; background-repeat: no-repeat; height: 17px; width: 25px; top: 0;}
    .hook-contact-detail ul.tabs{display: flex; flex-wrap: wrap; column-gap: 40px; justify-content: center;}
    .contact-content li i{width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
    .contact-content li{padding-left: 50px; margin-bottom: 12px; min-height: 53px; font-size: 14px;}
    .Topfooter .fContent a{margin-bottom: 20px;}
    .owl-carousel.owl-loaded.brandsilder.brandsilder{display: block;}
    .logo-list ul{display: none;}
    .hire-section .heading{font-size: 30px; line-height: 40px;}
    .hook-ui-ux-wrap .content-wrap{margin-right: 0px;}
    .hook-core-feature .btngroup{display: none;}
}
/*360px*/
@media only screen and (max-width: 479px) {
    .homebanner .bannertext .heading{font-size: 22px;}
    .homebanner .bannertext .subheading { font-size: 12px; padding: 5px 0 5px; }
    .banner-video{padding-top: 220px;}
    .about-heading { font-size: 25px; line-height: 35px; }
    .sk_content_wrap .editor_text p{font: 300 14px 'Roboto', sans-serif; line-height: 24px !important;}
    .list_why ul{display: block;}
    .who-are.choose-us .sk_img_right { height: 300px; width: 300px; }
    .faq-label { font-size: 12px; padding: 10px 35px 10px 30px; }
    .blogtop > ul > li{gap: 0; padding-left: 0;}
    .section.talk_us .btngroup{text-align: center;}
    .bannertext .bannertext-in{width: 250px;}
    .bannerimg{height: 200px;}
    .innerbanner{min-height: 160px;}
    .innerbanner .bannerimg{height: 150px;}
    .common_banner.innerbanner .heading{font-size: 16px; line-height: 24px;}
    .portfolio_popup-wrapper{max-width: 300px;}
    .hook-footer-above .process_form .form-group{width: 100%;}
    .hook-testimonial-page .topHeading{font-size: 20px; line-height: 1.4em;}
    .hook-testimonial-page .row { row-gap: 15px; }
    .process_form h2{font-size: 22px; line-height: 1.4em; text-align: center;}
    .hook-footer-above .row { padding: 30px 0px; }
    .box-text-wrap, .long-text-wrap, .video-wrap { padding-left: 0; padding-right: 0; }
    a.blantershow-chat{right: -30%;}
}