/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                                                                 //
//------------------------------------------------------------------*/
@media screen and (min-width: 1601px) {
    /* PC 1400+  */ 
    .mobile-hamburger-menu, .mContact {display: none !important;}
}
@media screen and (max-width: 1600px) and (min-width: 1369px) {
    /* BETWEEN SİZE */
    .mobile-hamburger-menu, .mContact {display: none !important;}
}
@media screen and (max-width: 1368px) and (min-width: 1199px) {
    /* LAPTOP */
    .mobile-hamburger-menu, .mContact {display: none !important;}
}
@media screen and (max-width: 1198px) and (min-width: 992px) {
    /* IPAD PRO */
    .mobile-hamburger-menu, .mContact {display: block !important;}
    .site-header {padding: 15px 0;}
    .site-header .head-right {display: none !important;}

    main #slider:before {right: 0;width: 500px;height: 62px;}
    main #slider .items .item .text p {padding: 0;}

    footer .copyright {padding-bottom: 75px;}  
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    /* TABLET 768+ ~ 960 */
    .mobile-hamburger-menu, .mContact {display: block !important;}
    .site-header {padding: 15px 0;}
    .site-header .head-right {display: none !important;}

    main #slider:before {right: 0;width: 500px;height: 62px;}
    main #slider .items .item .text {width: 100%;}
    main #slider .items .item .text p {padding: 0;}

    main #contact-us .form {margin: 0;}

    footer .copyright {padding-bottom: 75px;}  
}
@media screen and (max-width: 767px) and (min-width: 640px) {
    /* TABLET 640+ ~ 768 */
   .mobile-hamburger-menu, .mContact {display: block !important;}
    .site-header {padding: 15px 0;}
    .site-header .head-right {display: none !important;}

    main #slider:before {right: 0;width: 500px;height: 62px;}
    main #slider .items .item .text {width: 100%;}
    main #slider .items .item .text p {padding: 0;}

    main #contact-us .form {margin: 0;}

    footer .top nav.menu {display: none;}
    footer .copyright {padding-bottom: 75px;}  
}
@media screen and (max-width: 639px) and (min-width: 480px) {
    /* MOBILE 480+ ~ 640 */
    .mobile-hamburger-menu, .mContact {display: block !important;}
    footer .copyright {padding-bottom: 75px;}
}
@media screen and (max-width: 479px) and (min-width: 320px) {
    /* MOBILE 320+ ~ 480 */
    p {font-size: 12px;}
    .btn {font-size: 14px; padding: 0 15px; line-height: 40px;}
    .mobile-hamburger-menu, .mContact {display: block !important;}
    .site-header {padding: 15px 0;}
    .site-header .logo a img {width: 100px;}
    .site-header .head-right {display: none !important;}

    main #slider:before {right: 0;width: 250px;height: 31px;}
    main #slider .items .item .text {width: 100%;}
    main #slider .items .item .text p {padding: 0;font-size: 12px;margin: 15px 0;}
    main #slider .items .item .text .title {font-size: 20px;}
    main #slider .items .item .text .buttons a {font-size: 14px;padding: 0 15px;line-height: 40px;}

    main .section .head {margin-bottom: 15px;}
    main .section .head .title {font-size: 20px;}
    main .section .head .title p {font-size: 12px;}

    main #about-us {padding: 25px 0;}
    main #about-us .text .title {font-size: 20px; line-height: 25px; margin: 15px 0;}
    main #contact-us .form {margin: 0;}

    main #bars .items .item .desc .title {font-size: 18px;}
    main #bars .items .item .desc p {font-size: 12px;}
    main #bars .items .item .desc a.more {font-size: 15px;}

    main #projects .project a > .title, main #projects .project a .desc .title {font-size: 18px;}
    main #projects .project a .desc .title span {font-size: 12px;}

    main #contact-us .form .title {font-size: 18px;}
    main #contact-us .form .title span {font-size: 12px;}

    footer .top nav.menu {display: none;}
    footer .copyright {padding-bottom: 75px;}  
}