/* Small Mobile - START (320 * 440) */
@media (min-width: 320px) and (max-width: 440px) {

    .ptb {
        padding: 40px 0;
    }

    .common_part h4 span {
        font-size: 35px;
    }

    .top_part {
        display: none;
    }

    .top_part .top_icon {
        display: none;
    }

    .top_part .top_icon .signin {
        border-left: none;
        float: right;
    }


    .search_box {
        margin: 10px;
        position: relative;
    }

    .banner_part {
        margin-bottom: 400px;
    }

    .banner_text {
        padding: 200px 20px 150px;

    }

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

    .banner_text h2 {
        font-size: 40px;
    }

    .banner_text p {
        width: 100%;
        font-size: 14px;
        font-weight: 300;

    }

    .banner_part .carousel-control-prev {
        left: 5%;
        top: 85%;
    }

    .banner_part .carousel-control-next {
        right: 5%;
        top: 85%;
    }


    .steps_part .steps_item .img_arrow {
        display: none;
    }

    .testmonial_part .right_arrow {
        top: 95%;
        right: 50px;
    }

    .testmonial_part .left_arrow {
        top: 95%;
        left: 50px;
    }

    .header_part img {
        height: 75px;

    }

    .header_part.scrolling img {
        height: 75px;
    }

    .navbar-mobile .header_btn {
        display: none;
    }

    .signin_box {
        right: 5%;
        top: 600px;
        padding: 10px 35px 30px;
        width: 90%;
        box-shadow: 1px 3px 5px #aaa;
    }

    .banner_overlay {

        clip-path: polygon(0 0, 40% 0, 60% 100%, 0% 100%);

    }

    .steps_part .steps_img span {
        right: 100px;
    }


    .search_profile_img img {
        height: 250px;

    }

    .about_img img {
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
        height: 300px;
    }

    .about_img::after {
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
    }

    .about_text {
        padding: 20px 10px;
    }

    .subscrive_text h5 {
        font-size: 25px;
    }

    .footer_part {
        padding: 50px 15px;
    }

    .bottom_part p {
        font-size: 14px;
        padding-bottom: 5px;
        text-align: center;
    }

    .bottom_part h6 {
        text-align: center;
        margin-top: 5px;
    }

    .breadcrumb_part {
        padding: 140px 0 50px;
        position: relative;
    }

    .contact_text {
        padding: 5px 10px;
    }

    .contact_form {
        margin-top: 20px;
        padding: 20px 20px;
    }

    .contact_form h4 {
        font-size: 25px;
    }

    .categoty_item {
        padding: 30px 0;
        border-bottom: 1px solid #ddd;
    }

    .add_category {
        padding: 50px 0;
        margin-bottom: 20px;
    }

    .categoryitem_img img {
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
        height: 250px;
    }

    .categoryitem_img::after {
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
    }

    .categoryitem_img2::before {
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
    }

    .categoryitem_text {
        padding: 20px 10px;
    }

    .member_img img {
        height: 250px;

    }


    .video_part img {
        height: 300px;
    }


    .profile_box {
        padding: 20px 10px;
        margin: 0px 0px;
    }


    .profile_info {

        border-right: none;
        border-bottom: 1px solid #ddd;
        padding: 30px 30px;

    }

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

    .profile_menu ul li {
        padding: 5px 10px;
        margin:  3px;
        font-size: 15px;
    }
    .category_item img {
        height: 260px;
    }
    
    
    
    
    
    
    
    
    






}

/* Small Mobile - END (320 * 440) */
/*---------------------------------------------------------------------------------------------------------------------*/
/* Medium Mobile - START (441 * 575)*/
@media (min-width: 441px) and (max-width: 575px) {

      .ptb {
        padding: 40px 0;
    }

    .common_part h4 span {
        font-size: 35px;
    }

    .top_part {
        display: none;
    }

    .top_part .top_icon {
        display: none;
    }

    .top_part .top_icon .signin {
        border-left: none;
        float: right;
    }


    .search_box {
        margin: 10px;
        position: relative;
    }

    .banner_part {
        margin-bottom: 400px;
    }

    .banner_text {
        padding: 200px 20px 150px;

    }

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

    .banner_text h2 {
        font-size: 40px;
    }

    .banner_text p {
        width: 100%;
        font-size: 14px;
        font-weight: 300;

    }

    .banner_part .carousel-control-prev {
        left: 5%;
        top: 85%;
    }

    .banner_part .carousel-control-next {
        right: 5%;
        top: 85%;
    }


    .steps_part .steps_item .img_arrow {
        display: none;
    }

    .testmonial_part .right_arrow {
        top: 95%;
        right: 50px;
    }

    .testmonial_part .left_arrow {
        top: 95%;
        left: 50px;
    }

    .header_part img {
        height: 75px;

    }

    .header_part.scrolling img {
        height: 75px;
    }

    .navbar-mobile .header_btn {
        display: none;
    }

    .signin_box {
        right: 5%;
        top: 600px;
        padding: 10px 35px 30px;
        width: 90%;
        box-shadow: 1px 3px 5px #aaa;
    }

    .banner_overlay {

        clip-path: polygon(0 0, 40% 0, 60% 100%, 0% 100%);

    }

    .steps_part .steps_img span {
        right: 100px;
    }


    .search_profile_img img {
        height: 250px;

    }

    .about_img img {
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
        height: 300px;
    }

    .about_img::after {
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
    }

    .about_text {
        padding: 20px 10px;
    }

    .subscrive_text h5 {
        font-size: 25px;
    }

    .footer_part {
        padding: 50px 15px;
    }

    .bottom_part p {
        font-size: 14px;
        padding-bottom: 5px;
        text-align: center;
    }

    .bottom_part h6 {
        text-align: center;
        margin-top: 5px;
    }

    .breadcrumb_part {
        padding: 140px 0 50px;
        position: relative;
    }

    .contact_text {
        padding: 5px 10px;
    }

    .contact_form {
        margin-top: 20px;
        padding: 20px 20px;
    }

    .contact_form h4 {
        font-size: 25px;
    }

    .categoty_item {
        padding: 30px 0;
        border-bottom: 1px solid #ddd;
    }

    .add_category {
        padding: 50px 0;
        margin-bottom: 20px;
    }

    .categoryitem_img img {
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
        height: 250px;
    }

    .categoryitem_img::after {
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
    }

    .categoryitem_img2::before {
        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
    }

    .categoryitem_text {
        padding: 20px 10px;
    }

    .member_img img {
        height: 250px;

    }


    .video_part img {
        height: 300px;
    }


    .profile_box {
        padding: 20px 10px;
        margin: 0px 0px;
    }


    .profile_info {

        border-right: none;
        border-bottom: 1px solid #ddd;
        padding: 30px 30px;

    }

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

    .profile_menu ul li {
        padding: 5px 10px;
        margin:  3px;
        font-size: 15px;
    }
    .category_item img {
        height: 260px;
    }
    
    
    


}

/* Medium Mobile - END (441 * 575) */
/*---------------------------------------------------------------------------------------------------------------------*/
/* Large Mobile - START (576 * 764)*/
@media (min-width: 576px) and (max-width: 764px) {}

/* Large Mobile - END  (576 * 764)*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*  TAB - START (765 * 991)*/
@media (min-width: 765px) and (max-width: 991px) {}

/*  TAB - END (765 * 991)*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*  Laptop - START (992 * 1199)*/
@media (min-width: 992px) and (max-width: 1199px) {}

/*  Laptop - END (992 * 1199)*/
/*---------------------------------------------------------------------------------------------------------------------*/
/*  Destop - START (1200 * 1300)*/
@media (min-width: 1200px) and (max-width:1500px) {}

/*  Destop - END (1200 * 1500)*/
/*---------------------------------------------------------------------------------------------------------------------*/