/* ------------------------------------------------- Large Screen. 1200 ---------------------------------------------------*/
@media (min-width: 1440px) and (max-width: 1800px) {

}
/* ------------------------------------------------- Large Screen. 1200 ---------------------------------------------------*/
 @media (min-width: 1200px) and (max-width: 1660px) {
    .trp_nav_area {
	    padding-right: 50px!important;
        padding-left: 50px!important;
    }
    #scrollUp {
        right: 30px;
   }
}
/* ------------------------------------------------- Large Screen. 1025 ---------------------------------------------------*/
 @media (min-width: 1025px) and (max-width: 1800px) {
    .witr_ds_content_inner {
        width: 98%;
    }
}
/* ------------------------------------------------- Large Screen. 1024 ---------------------------------------------------*/
 @media (min-width: 1024px) and (max-width: 1600px) {
     
}
/* ------------------------------------------------- Laptop Screen 1366 ---------------------------------------------------*/
 @media (min-width: 1170px) and (max-width: 1366px) {
     
}
/* ------------------------------------------------- Old Desktop :1365-1660 ---------------------------------------------------*/
 @media (min-width: 1365px) and (max-width: 1660px) {
    .witr_ds_content {
        height:980px!important
    }
    
}
/* ------------------------------------------------- Old Desktop :992 ---------------------------------------------------*/
 @media (min-width: 992px) and (max-width: 1380px) {
    /* section title */
    .witr_section_title_inner h1,.witr_section_title_inner h3 {
        font-size:38px
    }
    /* main menu */
    .transpak_menu > ul > li > a {
        font-size: 17px;
        margin-right: 12px;
        margin-left: 12px;
    }
}
@media (min-width: 1301px) and (max-width:1440px) {
    .witr_ds_content_inner {
        width: 82%;
    }
}
@media (min-width: 992px) and (max-width:1300px) {
    .witr_ds_content_inner {
        width: 98%;
    }
}
/* ------------------------------------------------- Old Desktop :992 ---------------------------------------------------*/
 @media (min-width: 992px) and (max-width: 1199px) {
    /* section title */
    .witr_section_title_inner.text-center p,.witr_section_title_inner.text-left p,.witr_section_title_inner.text-right p {
        width:67%
    }
    /* nav area */
    .trp_nav_area {
	    padding-right: 20px!important;
        padding-left: 20px!important;
    }
    .transpak_menu > ul > li > a {
        font-size: 13px;
        margin-right: 7px;
        margin-left: 7px;
    }
    /* scroll up  */
    #scrollUp {
        bottom: 60px;
        right: 30px;
    }
}
/* ------------------------------------------------- max width :1024 ---------------------------------------------------*/
@media (max-width: 1024px) {
    .witr_ds_content_inner {
        width: 90%;
    }
}
/* ------------------------------------------------- Tablet Screen : 768 ---------------------------------------------------*/
 @media (min-width: 768px) and (max-width: 991px) {
    /* section title */
	.witr_section_title_inner h1,.witr_section_title_inner h3 {
        font-size:30px
    }
    .witr_section_title_inner.text-center p,.witr_section_title_inner.text-left p,.witr_section_title_inner.text-right p {
        width: 83%
    }
    /* banner */
    .witr_ds_content {
        height: 670px;
    }
    /* scroll up  */
    #scrollUp {
        bottom: 60px;
        right: 30px;
    }
}
/* menu and logo show & hide */
 @media (min-width: 10px) and (max-width: 991px){
    /* mobile menu */
     .mobile-menu{
         display:block !important;
    }
     .mobile_logo_area{
         display:block !important;
    }
     .transpak-main-menu{
         display:none !important;
    }
     .d_md_none{
         display:none !important;
    }
    .search_popup_button, .tx_mmenu_together{
		display: none;
	}
    /* banner area */
    .witr_ds_content_inner h1, .witr_ds_content_inner h2, .witr_ds_content_inner h3, .witr_ds_content_inner p, .witr_ds_content .witr_btn_sinner {
        text-align: center!important;
        width: 100%!important;
    }
    /* feature area */
    .feature_area {
        margin-top: 0px;
    }
}
/* ------------------------------------------------- Small Mobile : 320 ---------------------------------------------------*/
 @media (max-width: 767px) {
    /* slick slider btn css */
    .slick-next, .slick-prev {
        display: none!important;
    }
    /* section title css */
	.witr_section_title_inner h1,.witr_section_title_inner h3 {
        font-size: 21px;
        line-height: 30px
    }
    .witr_section_title_inner h2 {
        margin-bottom: 4px;
        font-size: 15px
    }
    .title_in_area,.witr_section_title_inner.text-center p,.witr_section_title_inner.text-left p,.witr_section_title_inner.text-right p {
        width: 100%
    }
    .witr_section_title_inner p {
        padding-top: 10px
    }
    .witr_section_title {
        text-align: center
    }
    .witr_section_title .text-right {
        text-align: center!important
    }
    .text-left .witr_btn_sinner,.text-right .witr_btn_sinner {
        text-align:center!important
    }
    /* banner area */
    .witr_ds_content {
        height: 600px;
    }
    .witr_ds_content_inner h1 {
        font-size: 23px;;
    }
    .witr_ds_content_inner h2, .witr_ds_content_inner h3 {
        font-size: 30px;
    }
    /* gallery area */
    .bottom_team_area {
        padding: 105px 0 100px;
    }
	/* blog area */
	.portfolio-details-box h2 {
		padding-top: 20px;
	}
    /* footer area */
    .footer-middle p, .footer-middle h2, .footer-middle ul li {
        text-align: center;
    }
    .footer-middle .container {
        max-width: 540px
    }
    .footer_s_inner {
        flex-direction: column;
        justify-content: center;
    }
    .footer-social-icon {
        text-align: center;
    }
    .transpak-description-area {
        text-align: center;
    }
    .copy-right-text p {
        text-align: center;
        font-size: 15px;
    }
    .footer-menu ul {
        justify-content: center;
    }
    .footer-menu ul li a {
        font-size: 14px;
    }
    .footer_logo {
        text-align: center;
    }
    .footer-middle .mc4form-fields button {
        position: relative;
        margin-top: 25px;
        width: 100%;
    }
    /* scroll up css */
    #scrollUp {
        bottom: 92px;
        right: 30px;
    }
}
/* ------------------------------------------------- Large Mobile :480px. ---------------------------------------------------*/
 @media only screen and (min-width: 480px) and (max-width: 767px) {
    /* section title */
    .witr_section_title_inner h1,.witr_section_title_inner h3 {
        font-size:25px
    }
    .witr_section_title_inner.text-center p,.witr_section_title_inner.text-left p,.witr_section_title_inner.text-right p {
        width: 91%
    }
}