/*=====================COMMON - START=======================*/
@media only screen and (max-width: 767px){
.mobile{
    display: block !important;
    }
.desktop{
    display: none !important;
    }   

.img-res{
    width: 100%!important;
    margin: 25px 0px;
}
.responsive-imgs {
    display: none;
}
.mob-text-center {
    text-align: center;
}
}
/*=====================COMMON - END=======================*/


/*=====================MENU - START=======================*/
@media (max-width: 768px) {
    .custom_common_nav_sec .custom_common_nav .custom_common_nav_head img.logo {
        max-width: 40%;
    }
    .custom_common_nav_sec .custom_common_nav .custom_common_nav_head .custom_common_nav_btn {
        /*float: right;*/
        border: 1px solid #fff;
        padding: 3px 8px;
    }
    .custom_common_nav_sec .custom_common_nav .custom_common_nav_head .custom_common_nav_btn i {
        color: #fff;
        font-size: 22px;
    }
    .custom_common_nav_sec .custom_common_nav .custom_common_nav_content.show {
        height: 75vh;
        overflow: scroll;
    }
    .custom_common_nav_sec .custom_common_nav .custom_common_nav_content .navbar-nav {
        padding: 20px 10px;
        
    }
    .custom_common_nav_sec .custom_common_nav .custom_common_nav_content .navbar-nav a.nav-item {
        font-size: 16px;
        border-bottom: 1px solid #fff;
        margin-bottom: 1rem;
        width: 100%;
    }
    .custom_common_nav_sec .custom_common_nav .custom_common_nav_content .navbar-nav a.nav-item i {
        float: right;
    }
   
    .custom_common_nav_sec .custom_common_nav .custom_common_nav_content .navbar-nav #tailoring_software_lists {
        width: 100%;
    }
    .custom_common_nav_sec .custom_common_nav .custom_common_nav_content .navbar-nav #tailoring_software_lists .card {
        height: 170px;
        overflow: scroll;
    }
    .custom_common_nav_sec .custom_common_nav .custom_common_nav_content .navbar-nav #tailoring_software_lists .tailoring_software_lists_ul li {
        list-style: none;
    }
    .custom_common_nav_sec .custom_common_nav .custom_common_nav_content .navbar-nav #tailoring_software_lists .tailoring_software_lists_ul li a {
        color: #000;
        font-size: 17px;
        line-height: 1.8;
    }
    .menu_social_icons {
        display: inline-block;
    }
    .menu_social_icons a.social_icon_link {
        display: inline-block;
    }
    .menu_social_icons a.social_icon_link i {
        border-radius: 50px;
        width: 35px;
        height: 35px;
        color: #fff;
        font-size: 25px;
        margin-right: 3px;
        display: grid;
        align-items: center;
        justify-content: center;
    }
}
/*=====================MENU - END=======================*/


/*=====================BANNER - START=======================*/
@media only screen and (max-width: 767px){
h1.page_banner_head {
    color: #fff;
    font-weight: 600;
    font-size: 39px;
}
.banner-slider {
    position: relative;
    top: -93px;
    width: 86%;
    margin: 0 auto;
}
.banner_mock_device img {
    top: -14px;
}
.banner-slider .carousel-inner .carousel-item img {
    margin: 0 auto;
    width: 79%;
}
.banner-slider .carousel-control-next, .carousel-control-prev {
    display: none;
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){
.banner-slider .carousel-control-next, .carousel-control-prev {
    width: 17%;
}
}
/*=====================BANNER - END=======================*/


/*=====================ABOUT1 - START=======================*/
@media only screen and (max-width: 767px){
.home_abt_banner .hm_abt_title {
    font-family: 'Gilroy-Bold';
    text-align: center;
    font-size: 24px;
}
section.home_abt_banner {
    margin-top: -116px;
    text-align: center;
}
.home_abt_banner p {
    font-size: 20px;
    text-align: center;
}
.home_abt_banner .banner-btns {
    text-align: center;
}
}
/*=====================ABOUT1 - END=======================*/


/*=====================ACHIEVEMENTS - START=======================*/
@media only screen and (max-width: 767px){
    .achievements_sec .new_common_container {
    width: unset;
}
.achievement_title_wrap {
    margin-top: 30px;
    padding: 0;
}
.achieve_row_align {
    display: flex;
    justify-content: center;
}
.achievements_sec .title {
    font-size: 37px;
}
}
/*=====================ACHIEVEMENTS - END=======================*/


/*=====================ABOUT2 - START=======================*/
@media only screen and (max-width: 767px){
    .home_abt_banner2 {
    padding: 0px;
}
.home_abt_banner2 .new_common_container {
    width: 100%;
}
.hm_abt_quote {
    font-size: 26px;
}
.home_abt_banner2-bg {
    padding: 40px 35px;
}
.home_abt_banner2-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -58px 0px;
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){
.home_abt_banner2-bg {
    padding: 125px 63px;
}
.hm_abt_quote {
    font-family: 'Gilroy-bold';
    text-align: left;
    font-size: 30px;
    margin-bottom: 16px;
}
}
/*====================ABOUT2 - END=======================*/


/*=====================3D CUSTOM TOOL - START=======================*/
@media only screen and (max-width: 767px){
    .abt3_right_red {
    padding: 20px 46px;
}
.abt3_right_red:before {
    background: linear-gradient(90deg, rgba(241, 56, 105, 1) 0%, rgba(224, 36, 72, 1) 100%);
    box-shadow: 0px 0px 31.37px rgba(0, 0, 0, 0.5);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 75%, 0 100%);
    clip-path: polygon(100% 100%, 100% 0%, 100% 0%, 0% 100%);
}
.brand_wm {
    display: none;
}
.abt_banner3_desc {
    line-height: 35px;
    margin-bottom: 5px;
}
.abt_banner3_desc {
    line-height: 35px;
    margin-bottom: 5px;
}
.abt3_right_red {
    padding: 20px 46px;
}
.abt3_right_red:after{
    display: none;
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){
.brand_wm {
    font-size: 197px;
    top: -119px;
}
.abt_banner3_desc {
    font-family: Gilroy-bold;
    font-size: 25px;
}
.abt3_right_red:after {
    position: absolute;
    content: '';
    background-image: url(../../images/front/home/ipad-ui.png?v1);
    background-repeat: no-repeat;
    width: auto;
    left: -284px;
    right: 0;
    top: 212px;
    height: 100%;
    margin-left: 665px;
    z-index: 0;
}
}
/*====================3D CUSTOM TOOL - END=======================*/


/*=====================SERVICES - START=======================*/
@media only screen and (max-width: 767px){
.hm_sec_title_huge {
    font-size: 39px;
    position: relative;
}
.hm_services_sec .hm_sec_title_huge {
    margin-bottom: 28px;
}
.hm_services_sec {
    padding-top: 50px;
    padding-bottom: 0px;
}
.hm_services_sec .new_common_container {
    width: 100%;
}
.brand_wm_ligth{
    display: none;
}
.serv-content {
    text-align: center;
    padding: 50px 19px;
    margin-top: 0px;
}
.serv5-colo .serv-content {
    padding: 30px 10px;
}
.wrapper {
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin-top: 20px;
}
.trnsbar {
    background: unset;
    width: 100%;
    height: auto;
    bottom: 0px;
    top: 0px;
}

.service_head {
    font-size: 27px;
}
.serv-content p {
    text-align: justify;
    font-size: 19px;
}
.serv-content .mock-img {
    margin: 0 auto;
    display: flex;
    margin-top: 10px;
}
.model-img {
    display: none;
}
.serv5-colo .service_head {
    font-family: Gilroy-bold;
    font-size: 24px;
}
.serv5-colo .serv-content p {
    font-size: 16px;
}
.wrapper.serv3-colo {
    height: auto;
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){
    .serv-content p {
    font-family: 'Gilroy-Medium';
    font-size: 17px;
}
    .service_head {
    font-family: Gilroy-bold;
    font-size: 38px;
}

.serv1-colo .model-img {
    max-width: unset;
    
}
.serv2-colo .model-img {
    max-width: unset;
}
.service_head {
    font-family: Gilroy-bold;
    font-size: 34px;
}
.serv3-colo .model-img {
    max-width: unset;
    width: auto;
}
.serv4-colo .model-img {
    max-width: unset;
    width: auto;
}
.wrapper.serv1-colo {
    height: 710px;
}
.wrapper.serv2-colo {
    height: 710px;
}
.wrapper.serv3-colo {
    height: 683px;
}
.wrapper.serv4-colo {
    height: 710px;
}
.wrapper.serv3-colo .mock-img{
    width: 70%;
}

.mock-img{
    width: 90%;
}
}
@media only screen and (max-device-width: 1440px){


}
/*====================SERVICES - END=======================*/


/*=====================WHy_CUSTOMIZATION - START=======================*/
@media only screen and (max-width: 767px){
    .why_fb_sec .hm_sec_title_huge {
    font-size: 29px;
}
.hm_sec_title_round:before{
    display: none;
}
.why_fb_sec p {
    font-size: 20px;
    margin-top: 15px;
}
.yfb_box {
    margin: 0;
    margin-bottom: 17px;
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){
    .hm_sec_title_round:before {
    position: absolute;
    content: '';
    width: 140px;
    height: 140px;
    border-radius: 73px;
    background-color: #39e8ff6e;
    z-index: -1;
    top: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.yfb_box {
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
}
/*====================WHy_CUSTOMIZATION - END=======================*/


/*=====================WHy_ONLINE_STORE - START=======================*/
@media only screen and (max-width: 767px){
.why_tailoring_sec {
    text-align: center;
}
.whyts_bg {
    padding: 50px 0px;
}
.yts_title {
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
}
.hm_sec_title_round3:before {
    position: absolute;
    content: '';
    width: 160px;
    height: 160px;
    border-radius: 105px;
    background-color: #00c3ff;
    z-index: -1;
    top: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){
    .why_tailoring_sec {
    overflow: hidden;
}
.yts_title {
    font-family: Gilroy-bold;
    font-size: 53px;
    line-height: 55px;
    color: #fff;
}
.hm_sec_title_round3:before {
    width: 130px;
    height: 130px;
}

}
/*====================WHy_ONLINE_STORE - END=======================*/


/*=====================PREMIUM_FEATURES - START=======================*/
@media only screen and (max-width: 767px){
.prem_ft_sec.com_sec_padding{
    padding: 30px 0px;
}
.prem_ft_sec .new_common_container {
    width: 100%;
}
.hm_sec_title_huge45 {
    font-size: 27px;
    position: relative;
    text-align: center;
}
.hm_sec_title_round4:before {
    top: -24px;
    background-color: #eeeeeea3;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.pre_ft_box {
    margin-bottom: 15px;
    min-height: auto;
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){
    .prem_ft_sec.com_sec_padding {
    padding: 40px 0px;
}
.hm_sec_title_round4:before {
    top: -18px;
    left: -27px;
}
.pre_ft_box {
    padding: 10px;
    min-height:450px;
}

}
/*====================PREMIUM_FEATURES - END=======================*/


/*=====================HOW_IT_WORKS - START=======================*/
@media only screen and (max-width: 767px){
    .how_fb_works_title {
    font-family: 'Gilroy-bold';
    font-size: 25px;
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){}
/*====================HOW_IT_WORKS - END=======================*/

/*=====================APP_FEATURES - START=======================*/
@media only screen and (max-width: 768px){
    .main__features__tabs__sec .custom__single__card {
        margin: 10px auto;
    }
    .main__features__tabs__sec .custom__single__card .card-header {
        background: #571fda;
        padding: 10px;
    }
    .main__features__tabs__sec .custom__single__card .card-header .btn-link {
        width: 100%;
        text-align: left;
    }
    .main__features__tabs__sec .custom__single__card .card-header .title {
        font-size: 22px;
        color: #fff;
        font-family: 'Gilroy-bold';
        display: inline-block;
        margin-bottom: 0;
    }
    .main__features__tabs__sec .custom__single__card .card-header .title span {
        font-family: 'Gilroy-Medium';
    }
    .main__features__tabs__sec .custom__single__card .card-header i {
        float: right;   
        font-size: 20px;
        color: #fff;
    }
    .main__features__tabs__sec .custom__single__card .features__lists_ul li {
        list-style: none;
        padding: 5px;
        display: flex;
        align-items: center;
    }   
    .main__features__tabs__sec .custom__single__card .features__lists_ul li p {
        display: inline-block;
        font-size: 17px;
        margin-left: 10px;
        margin-bottom: 0;
    }
    
}
@media only screen and (max-width: 767px){
    .cft_head {
    font-size: 31px;
    line-height: 41px;
    margin-bottom: 15px;
    text-align: center;
}

ul.cft_pts {
    display: block;
}
.cft_pts li {
    margin: 14px 0px 0px 40px;
}
.cust_ft_admin .user_ft_box {
    margin-left: 0px;
}
.user_ft_box {
    margin-left: 0px;
}
.cust_ft_sec.com_sec_padding, .secure-ft.com_sec_padding{
    padding: 25px 0px; 
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){
    .ad-ft-bg {
    background-image: url(../../images/front/home/admin-mock.png);
    background-size: 181%;
    background-position: -380px 118px;
    background-repeat: no-repeat;
}
.user-ft-bg {
    background-image: url(../../images/front/home/user-mock.png);
    background-size: 145%;
    background-position: -19px -18px;
    background-repeat: no-repeat;
}
.cft_head {
    font-size: 48px;
    font-family: 'Gilroy-Heavy';
    line-height: 45px;
}
.sec_ft_box {
    margin: 10px 0px 0px 0px;
}
.user-ft-bg {
    background-image: url(../../images/front/home/user-mock.png);
    background-size: 130%;
    background-position: 0px 33px;
    background-repeat: no-repeat;
}
}
/*====================APP_FEATURES - END=======================*/

/*=====================BLOG - START=======================*/
@media only screen and (max-width: 767px){
    .blog_sec .hm_sec_title_huge45 {
        font-size: 40px;
    }
    .blog_sec.com_sec_padding{
        padding: 25px 0px;
    }

}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){
    h3.blog_details_head {
    font-family: 'Gilroy-bold';
    font-size: 23px;
    line-height: 30px;
}
.post_meta > ul.author_details > li {
    margin-right: 18px;
    font-family: 'Gilroy-Bold';
    font-size: 17px;
}
}
/*====================BLOG  - END=======================*/

/*=====================NEWSLETTER - START=======================*/
@media only screen and (max-width: 767px){
    .hm_newsletter .hm_sec_title_huge45 {
    font-size: 24px;
}
    .newsletter_tagline {
    margin-top: 10px;
    font-family: 'Gilroy-medium';
    font-size: 18px;
    width: 100%;
    margin: 0 auto;
}
.hm_newsletter {
    padding: 20px 0;
}
.hm_newsletter .newsletter_field {
    width: 100%;
    display: flex;
    justify-content: center;
}
.input-group.newsletter_field .form-control{
    width: 100%;
    margin-bottom: 16px;
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){}
/*====================NEWSLETTER  - END=======================*/

/*=====================FAQ - START=======================*/
@media only screen and (max-width: 767px){
    .home_faq .hm_faq_title {
    font-size: 35px;
    line-height: 42px;
    letter-spacing: 0px;
    text-align: center;    
}
    .home_faq.com_sec_padding {
    padding: 45px 0px;
}
.faq_box {
    background: linear-gradient(131.61deg, rgba(91, 94, 228, 1) 0%, rgba(39, 60, 194, 1) 99.46%);
    border-radius: 10px;
    padding: 30px;
}
ul.hm_faq li i {
    position: absolute;
    transform: translate(-6px, 0);
    left: 22px;
    right: 0px;
    top: 5px;
}
.home_faq .faq_question {
    margin-left: 36px;
}
.home_faq .faq_question {
    font-size: 17px;
}
.more_qstns p {
    font-size: 16px;
    margin-left: 0;
    text-align: center;
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){
    .home_faq .hm_faq_title {
    font-size: 41px;
}
}
/*====================FAQ  - END=======================*/


/*=====================FOOTER- START=======================*/
@media only screen and (max-width: 767px){
    .footer {
        /*background-position: -175px -5px;*/
        background-image: url(../../images/front/home/footer-bg.svg);
        background-repeat: no-repeat;
        background-size: cover;
        /*background-position: -614px 0px;*/
    }
    .footer_wrapper {
    padding-top: 30px;
}
}
@media only screen and (min-width: 999px) and (max-device-width: 1500px){}
/*====================FOOTER  - END=======================*/