/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1800px) and (max-width: 1899px){
}

@media (min-width: 1800px) {
.container { max-width: 1710px; }
.common-projects-modal .modal-dialog { max-width: 1600px; }
}

@media (min-width: 1700px) and (max-width: 1799px){
.container { max-width: 1610px; }

/* home page */
.banner-section .banner-main-image .common-social-icons ul li a { width: 65px; height: 65px; }
/* home page */

/* modal start */
.common-projects-modal .modal-dialog { max-width: 1500px; }
.common-projects-modal .modal-content .modal-body { padding: 100px 70px; }
.common-projects-modal .projects-modal-block > .row { margin: 0 -45px; }
.common-projects-modal .projects-modal-block > .row > * { padding: 0 45px; }
/* modal end */
}

@media (min-width: 1600px) and (max-width: 1699px){
.container { max-width: 1510px; }

/* home page */
.banner-section .banner-main-image .common-social-icons ul li a { width: 60px; height: 60px; }
/* .projects-section .projects-content:before { left: 200px; } */
.projects-block,
.projects-block * { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.projects-section .projects-content .projects-list:nth-child(even) { margin-left: -70px; }
/* .projects-section .projects-content:after { right: 250px; } */
.experience-section .experience-cv-download { padding: 45px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.experience-section .experience-block { padding-top: 35px; }
/* home page */

/* modal start */
.common-projects-modal .modal-dialog { max-width: 1400px; }
.common-projects-modal .modal-content .modal-body { padding: 100px 70px; }
.common-projects-modal .projects-modal-block > .row { margin: 0 -40px; }
.common-projects-modal .projects-modal-block > .row > * { padding: 0 40px; }
/* modal end */
}

@media (min-width: 1500px) and (max-width: 1599px){
.container { max-width: 1410px; }

/* home page */
.banner-section .banner-main-image .common-social-icons ul li a { width: 60px; height: 60px; }
.projects-section .projects-content:before { left: 225px; }
.projects-block,
.projects-block * { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.projects-section .projects-content .projects-list:nth-child(even) { margin-left: -70px; }
.projects-section .projects-content:after { right: 250px; }
.experience-section .experience-cv-download { padding: 45px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.experience-section .experience-block { padding-top: 35px; }
/* home page */

/* modal start */
.common-projects-modal .modal-dialog { max-width: 1300px; }
.common-projects-modal .modal-content .modal-body { padding: 85px 60px; }
.common-projects-modal .projects-modal-block > .row { margin: 0 -40px; }
.common-projects-modal .projects-modal-block > .row > * { padding: 0 40px; }
/* modal end */
}

@media (min-width: 1400px) and (max-width: 1499px){
.main-title { font-size: 65px; }
.section-title { font-size: 50px; }
.block-title { font-size: 35px; }

/* header */
.navbar .navbar-nav .nav-item { padding: 0 60px; }
/* header */

/* home page */
.banner-section .banner-main-image .common-social-icons ul li a { width: 55px; height: 55px; }
.banner-section .banner-main-image .common-social-icons ul li a * { max-width: 28px; }
.banner-section .banner-main-image .banner-profile-name { padding: 0 30px; }
.banner-section .banner-main-image .banner-profile-name * { max-width: 300px; }
.banner-section .main-title span { font-size: 35px; }
.banner-section .main-title img { margin-left: 20px; }
.projects-section .projects-content:before { left: 215px; }
.projects-block,
.projects-block * { border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.about-me-block { padding: 45px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.about-experience-block { margin-top: 30px; }
.about-experience-block .detail { font-size: 22px; }
.projects-section .projects-content { padding: 225px 0; }
.projects-section .projects-content .projects-list:nth-child(even) { margin-left: -50px; }
.projects-section .projects-content:after { right: 200px; }
.experience-section .experience-cv-download { padding: 45px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.experience-section .experience-block { padding-top: 35px; }
/* home page */

/* footer */
.f-navigation-block ul li { padding: 0 60px; }
/* footer */

/* modal start */
.modal-carousel { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.modal-carousel .slick-slide { height: 550px; }
.modal-carousel .slick-list { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.common-projects-modal .modal-dialog { max-width: 1200px; }
.common-projects-modal .modal-content .btn-close { border-radius: 0 30px 0 50px; -webkit-border-radius: 0 30px 0 50px; -moz-border-radius: 0 30px 0 50px; -ms-border-radius: 0 30px 0 50px; -o-border-radius: 0 30px 0 50px; }
.common-projects-modal .modal-content { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.common-projects-modal .modal-content .modal-body { padding: 85px 50px; }
.common-projects-modal .projects-modal-block > .row { margin: 0 -30px; }
.common-projects-modal .projects-modal-block > .row > * { padding: 0 30px; }
/* modal end */
}

@media (min-width: 1300px) and (max-width: 1399px){
.main-title { font-size: 60px; }
.section-title { font-size: 50px; }
.block-title { font-size: 35px; }
body { font-size: 18px; }
.paragraph-medium { font-size: 20px; }
.paragraph-large { font-size: 22px; }
.btn { padding: 20px 30px 14px; }
.common-social-icons ul li a { width: 75px; height: 75px; font-size: 35px; }
.common-social-icons ul li a * { max-width: 35px; display: flex; align-items: center; }
.slick-arrow { width: 50px; height: 50px; }

/* header */
.navbar .navbar-brand { margin-right: 85px; }
.navbar .navbar-nav .nav-item { padding: 0 30px; }
/* header */

/* home page */
.banner-section .banner-description .back-logo * { width: 650px; }
.banner-section .banner-design-tools ul li:before { top: 7px; }
.banner-section .banner-main-image .banner-profile-name { padding: 0 30px; }
.banner-section .banner-main-image .banner-profile-name * { max-width: 250px; }
.banner-section .banner-main-image .common-social-icons { right: -10px; top: -10px; }
.banner-section .banner-main-image .common-social-icons ul li a { width: 55px; height: 55px; }
.banner-section .banner-main-image .common-social-icons ul li a * { max-width: 28px; }
.banner-section .main-title span { font-size: 30px; }
.banner-section .main-title img { margin-left: 20px; }
.projects-section .projects-content:before { left: 215px; }
.projects-block,
.projects-block * { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.about-me-block { padding: 45px 30px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.about-experience-block .title { letter-spacing: 1.25px; }
.about-me-block .detail p { margin-bottom: 25px; }
.about-me-block.ux-ui-block .about-icon { width: 100px; }
.about-me-block.graphic-design-block .about-icon { width: 150px; bottom: -50px; }
.about-experience-block { margin-top: 30px; }
.about-experience-block .detail { font-size: 22px; }
.projects-section .projects-content { padding: 225px 0; }
.projects-section .projects-content .projects-list:nth-child(even) { margin-left: -50px; }
.projects-section .projects-content:after { right: 200px; }
.experience-section .experience-cv-download { padding: 30px 20px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.experience-section .experience-block { padding-top: 35px; }
.excited-learn-things-section .excited-learn-things-detail .title { margin-bottom: 20px; }
.excited-learn-things-section .excited-learn-things-detail .detail { font-size: 20px; }
/* home page */

/* footer */
.f-navigation-block ul li { padding: 0 30px; }
.contact-footer-wrapper .contact-footer-content .back-logo * { width: 650px; }
/* footer */

/* modal start */
.modal-carousel { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.modal-carousel .slick-arrow { right: -15px; bottom: -18px; }
.modal-carousel .slick-arrow.slick-prev { right: 45px; }
.modal-carousel .slick-list { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.modal-carousel .slick-slide { height: 450px; }
.common-projects-modal .modal-dialog { max-width: 1000px; }
.common-projects-modal .modal-content .btn-close { width: 75px; height: 75px; border-radius: 0 30px 0 50px; -webkit-border-radius: 0 30px 0 50px; -moz-border-radius: 0 30px 0 50px; -ms-border-radius: 0 30px 0 50px; -o-border-radius: 0 30px 0 50px; }
.common-projects-modal .modal-content { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.common-projects-modal .modal-content .modal-body { padding: 75px 35px 50px; }
.common-projects-modal .projects-modal-block > .row { margin: 0 -20px; }
.common-projects-modal .projects-modal-block > .row > * { padding: 0 20px; }
.projects-modal-block .projects-modal-experience-block { margin-top: 45px; }
.projects-modal-block .projects-summery-button { margin-top: 35px; }
/* modal end */
}

@media (min-width: 1200px) and (max-width: 1299px){
.main-title { font-size: 60px; }
.section-title { font-size: 50px; }
.block-title { font-size: 35px; }
body { font-size: 18px; }
.paragraph-medium { font-size: 20px; }
.paragraph-large { font-size: 22px; }
.btn { padding: 20px 30px 14px; }
.common-social-icons ul li a { width: 75px; height: 75px; font-size: 35px; }
.common-social-icons ul li a * { max-width: 35px; display: flex; align-items: center; }
.slick-arrow { width: 50px; height: 50px; }

/* header */
.navbar .navbar-brand { margin-right: 85px; }
.navbar .navbar-nav .nav-item { padding: 0 30px; }
/* header */

/* home page */
.banner-section .banner-description .back-logo * { width: 650px; }
.banner-section .banner-design-tools ul li:before { top: 7px; }
.banner-section .banner-main-image .banner-profile-name { padding: 0 30px; }
.banner-section .banner-main-image .banner-profile-name * { max-width: 250px; }
.banner-section .banner-main-image .common-social-icons { right: -10px; top: -10px; }
.banner-section .banner-main-image .common-social-icons ul li a { width: 55px; height: 55px; }
.banner-section .banner-main-image .common-social-icons ul li a * { max-width: 28px; }
.banner-section .main-title span { font-size: 30px; }
.banner-section .main-title img { margin-left: 20px; }
.projects-section .projects-content:before { left: 215px; }
.projects-block,
.projects-block * { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.about-me-block { padding: 45px 30px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.about-experience-block .title { letter-spacing: 1.25px; }
.about-me-block .detail p { margin-bottom: 25px; }
.about-me-block.ux-ui-block .about-icon { width: 100px; }
.about-me-block.graphic-design-block .about-icon { width: 150px; bottom: -50px; }
.about-experience-block { margin-top: 30px; }
.about-experience-block .detail { font-size: 22px; }
.projects-section .projects-content { padding: 225px 0; }
.projects-section .projects-content .projects-list:nth-child(even) { margin-left: -50px; }
.projects-section .projects-content:after { right: 200px; }
.experience-section .experience-cv-download { padding: 30px 20px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.experience-section .experience-block { padding-top: 35px; }
.excited-learn-things-section .excited-learn-things-detail .title { margin-bottom: 20px; }
.excited-learn-things-section .excited-learn-things-detail .detail { font-size: 20px; }
/* home page */

/* footer */
.f-navigation-block ul li { padding: 0 30px; }
.contact-footer-wrapper .contact-footer-content .back-logo * { width: 650px; }
/* footer */

/* modal start */
.modal-carousel { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.modal-carousel .slick-arrow { right: -15px; bottom: -18px; }
.modal-carousel .slick-arrow.slick-prev { right: 45px; }
.modal-carousel .slick-list { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.modal-carousel .slick-slide { height: 450px; }
.common-projects-modal .modal-dialog { max-width: 1000px; }
.common-projects-modal .modal-content .btn-close { width: 75px; height: 75px; border-radius: 0 30px 0 50px; -webkit-border-radius: 0 30px 0 50px; -moz-border-radius: 0 30px 0 50px; -ms-border-radius: 0 30px 0 50px; -o-border-radius: 0 30px 0 50px; }
.common-projects-modal .modal-content { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.common-projects-modal .modal-content .modal-body { padding: 75px 35px 50px; }
.common-projects-modal .projects-modal-block > .row { margin: 0 -20px; }
.common-projects-modal .projects-modal-block > .row > * { padding: 0 20px; }
.projects-modal-block .projects-modal-experience-block { margin-top: 45px; }
.projects-modal-block .projects-summery-button { margin-top: 35px; }
/* modal end */
}

@media (min-width: 992px) and (max-width: 1199px){
.main-title { font-size: 50px; }
.section-title { font-size: 42px; }
.block-title { font-size: 30px; }
body { font-size: 18px; }
.paragraph-medium { font-size: 20px; }
.paragraph-large { font-size: 22px; }
.btn { padding: 20px 30px 14px; }
.common-social-icons ul li a { width: 60px; height: 60px; font-size: 28px; }
.common-social-icons ul li a * { max-width: 30px; display: flex; align-items: center; }
.slick-arrow { width: 50px; height: 50px; }

/* header */
.navbar .navbar-brand { margin-right: 50px; }
.navbar .navbar-nav .nav-item { padding: 0 20px; }
/* header */

/* home page */
.banner-section .banner-description .back-logo * { width: 450px; }
.banner-section .banner-design-tools ul li:before { top: 7px; }
.banner-section .banner-main-image .banner-profile-name { padding: 0 20px; }
.banner-section .banner-main-image .banner-profile-name * { max-width: 225px; }
.banner-section .banner-main-image .common-social-icons { right: -10px; top: -10px; }
.banner-section .banner-main-image .common-social-icons ul li a { width: 55px; height: 55px; }
.banner-section .banner-main-image .common-social-icons ul li a * { max-width: 28px; }
.banner-section .main-title span { font-size: 30px; }
.banner-section .main-title img { margin-left: 20px; }
.projects-section .projects-content:before { left: 215px; }
.projects-block,
.projects-block * { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.about-me-section { padding: 80px 0 50px; }
.about-me-block { padding: 45px 30px; margin-bottom: 30px; height: auto; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.about-me-block .block-title { margin-bottom: 30px; }
.about-experience-block .title { letter-spacing: 1.25px; }
.about-me-block .detail p { margin-bottom: 25px; }
.about-me-block.ux-ui-block .about-icon { width: 100px; }
.about-me-block.graphic-design-block .about-icon { width: 150px; bottom: -50px; }
.about-experience-block { margin-top: 30px; }
.about-experience-block .detail { font-size: 22px; }
.projects-section .projects-content { padding: 185px 0; }
.projects-section .projects-content:before { width: 265px; height: 140px; }
.projects-section .projects-content .projects-list:nth-child(even) { margin-left: -30px; }
.projects-section .projects-content:after { right: 200px; width: 325px; height: 125px; }
.excited-learn-things-section .excited-learn-things-list > .row { margin: 0 -10px; }
.excited-learn-things-section .excited-learn-things-list > .row > * { padding: 0 10px; }
.excited-learn-things-section .excited-learn-things-detail .title { font-size: 22px; letter-spacing: 1.35px; }
.experience-section .experience-list > * { width: 50%; margin-bottom: 30px; }
.excited-learn-things-section .excited-learn-block * { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.experience-section .experience-cv-download { padding: 30px 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.excited-learn-things-section { padding-bottom: 30px; }
.experience-section .experience-block { padding-top: 30px; }
.experience-section .section-title { margin-bottom: 45px; }
.excited-learn-things-section .excited-learn-things-detail .title { margin-bottom: 20px; }
.excited-learn-things-section .excited-learn-things-detail .detail { font-size: 20px; }
.contact-form-social-block .contact-form-block { max-width: 365px; }
/* home page */

/* footer */
.f-navigation-block ul li { font-size: 18px; padding: 0 20px; }
.contact-footer-wrapper .contact-footer-content .back-logo * { width: 450px; }
/* footer */

/* modal start */
.modal-carousel { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.modal-carousel .slick-arrow { right: -15px; bottom: -18px; }
.modal-carousel .slick-arrow.slick-prev { right: 45px; }
.modal-carousel .slick-list { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.modal-carousel .slick-slide { height: 400px; }
.common-projects-modal .modal-dialog { max-width: 900px; }
.common-projects-modal .modal-content .btn-close { width: 75px; height: 75px; border-radius: 0 30px 0 50px; -webkit-border-radius: 0 30px 0 50px; -moz-border-radius: 0 30px 0 50px; -ms-border-radius: 0 30px 0 50px; -o-border-radius: 0 30px 0 50px; }
.common-projects-modal .modal-content { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.common-projects-modal .modal-content .modal-body { padding: 75px 35px 50px; }
.common-projects-modal .projects-modal-block > .row { margin: 0 -20px; }
.common-projects-modal .projects-modal-block > .row > * { padding: 0 20px; }
.projects-modal-block .projects-modal-experience-block { margin-top: 45px; }
.projects-modal-block .projects-summery-button { margin-top: 35px; }
/* modal end */
}

@media (max-width: 991px){
/* navigation */
.navbar .navbar-brand { width: 125px; }
.navbar-nav .nav-item { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #ffffff; }
.navbar .navbar-collapse { display: block; position: fixed; left: 0; right: 0; bottom: 100%; height: calc(100% - 97px); z-index: 999; width: 100%; overflow: auto; background: #323232; padding: 35px 15px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
.navbar .navbar-collapse > * { max-width: 690px; margin-left: auto; margin-right: auto; }
.navbar .navbar-collapse.show { bottom: 0; }
.navbar-nav .nav-item .nav-link { display: flex !important; align-items: center; justify-content: space-between; padding: 15px 0 !important; }
.navbar-nav .nav-item:before { display: none; }
/* navigation */

/* header */
.header { padding: 20px 0; }
.header.h-stick { padding: 20px 0; }
.navbar .navbar-brand { margin-right: 15px; }
.header .h-download-cv-button { margin-top: 15px; margin-left: auto; margin-right: auto; }
/* header */
}

@media (min-width: 768px) and (max-width: 991px){
.main-title { font-size: 42px; margin-bottom: 20px; }
.section-title { font-size: 35px; }
.block-title { font-size: 28px; }
body { font-size: 18px; }
.paragraph-medium { font-size: 20px; }
.paragraph-large { font-size: 22px; }
.btn { padding: 14px 20px 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.common-social-icons ul li a { width: 60px; height: 60px; font-size: 28px; }
.common-social-icons ul li a * { max-width: 30px; display: flex; align-items: center; }
.common-form .form-select, .common-form .form-control { border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }
.common-form textarea.form-control { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.slick-arrow { width: 50px; height: 50px; }

/* home page */
.banner-section .banner-description { padding: 150px 0 75px; }
.banner-section .scroll-to-section-link { padding-bottom: 25px; }
.banner-section .banner-main-image { max-width: 450px; width: 100%; margin: 0 auto 30px; }
.banner-section .banner-description .back-logo * { width: 350px; }
.banner-section .banner-design-tools ul li:before { top: 7px; }
.banner-section .banner-main-image .banner-profile-name { padding: 0 20px; }
.banner-section .banner-main-image .banner-profile-name * { max-width: 225px; }
.banner-section .banner-main-image .common-social-icons ul li a { width: 55px; height: 55px; }
.banner-section .banner-main-image .common-social-icons ul li a * { max-width: 28px; }
.banner-section .main-title span { font-size: 25px; }
.banner-section .main-title img { margin-left: 20px; }
.projects-section .projects-content:before { left: 215px; }
.projects-block,
.projects-block * { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.about-me-section { padding: 50px 0 20px; }
.about-me-section .about-me-detail { margin-top: 35px; }
.about-me-block { padding: 30px 20px; margin-bottom: 30px; height: auto; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.about-me-block .block-title { margin-bottom: 30px; }
.about-experience-block .title { letter-spacing: 1.25px; }
.about-me-block .detail p { margin-bottom: 25px; }
.about-me-block.ux-ui-block .about-icon { width: 75px; top: -15px; right: 15px; }
.about-me-block.graphic-design-block .about-icon { width: 120px; bottom: -35px; }
.about-experience-block { margin-top: 20px; }
.about-experience-block .detail { font-size: 20px; }
.projects-section .projects-content { padding: 125px 0; }
.projects-section .projects-content:before { width: 200px; height: 100px; }
.projects-section .projects-content .projects-list:nth-child(even) { margin-left: 0; }
.projects-section .projects-content:after { right: auto; left: 50%; width: 275px; height: 100px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
.excited-learn-things-section .container { margin-left: auto; }
.excited-learn-things-section .excited-learn-block { margin-bottom: 30px; }
.excited-learn-things-section .excited-learn-things-list > .row { margin: 0 -10px; }
.excited-learn-things-section .excited-learn-things-list > .row > * { padding: 0 10px; }
.excited-learn-things-section .excited-learn-things-detail .title { font-size: 22px; letter-spacing: 1.35px; }
.experience-section .experience-list > * { width: 50%; margin-bottom: 30px; }
.excited-learn-things-section .excited-learn-block * { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.experience-section .experience-cv-download { padding: 30px 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.excited-learn-things-section { padding-bottom: 25px; }
.experience-section { padding: 25px 0 50px; }
.experience-section .experience-block { padding-top: 20px; }
.experience-section .section-title { margin-bottom: 30px; }
.excited-learn-things-section .excited-learn-things-detail .title { margin-bottom: 20px; }
.excited-learn-things-section .excited-learn-things-detail .detail { font-size: 20px; }
.contact-section { padding: 50px 0 30px; }
.contact-section .contact-content .contact-detail { max-width: 100%; }
.contact-section .contact-form-social-block { margin-top: 20px; }
.contact-section .contact-form-social-block .contact-form-block { flex: 1 0 0; max-width: 100%; }
/* home page */

/* footer */
.footer { padding: 25px 0; }
.footer .f-content { flex-direction: column-reverse; }
.footer .f-content > * { margin-bottom: 10px; }
.footer .f-content > *:first-child { margin-bottom: 0; }
.f-navigation-block ul li { font-size: 18px; padding: 0 20px; margin-bottom: 10px; }
.contact-footer-wrapper .contact-footer-content .back-logo * { width: 350px; }
/* footer */

/* modal start */
.modal-carousel { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.modal-carousel .slick-arrow { right: -15px; bottom: -18px; }
.modal-carousel .slick-arrow.slick-prev { right: 45px; }
.modal-carousel .slick-list { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.modal-carousel .slick-slide { height: 400px; }
.common-projects-modal .projects-modal-slider { margin-bottom: 35px; }
.common-projects-modal .modal-dialog { max-width: 700px; }
.common-projects-modal .modal-content .btn-close { width: 65px; height: 65px; border-radius: 0 20px 0 30px; -webkit-border-radius: 0 20px 0 30px; -moz-border-radius: 0 20px 0 30px; -ms-border-radius: 0 20px 0 30px; -o-border-radius: 0 20px 0 30px; }
.common-projects-modal .modal-content { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.common-projects-modal .modal-content .modal-body { padding: 75px 25px 35px; }
.common-projects-modal .projects-modal-block > .row { margin: 0 -20px; }
.common-projects-modal .projects-modal-block > .row > * { padding: 0 20px; }
.projects-modal-block .projects-modal-experience-block { margin-top: 45px; }
.projects-modal-block .projects-summery-button { margin-top: 35px; }
/* modal end */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
.main-title { font-size: 42px; margin-bottom: 20px; }
.section-title { font-size: 30px; }
.block-title { font-size: 25px; }
body { font-size: 16px; }
.paragraph-medium { font-size: 18px; }
.paragraph-large { font-size: 20px; }
.btn { font-size: 18px; letter-spacing: 1.75px; padding: 14px 20px 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.common-social-icons ul li a { width: 60px; height: 60px; font-size: 28px; }
.common-social-icons ul li a * { max-width: 30px; display: flex; align-items: center; }
.common-form .form-select, .common-form .form-control { border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }
.common-form textarea.form-control { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.slick-arrow { width: 42px; height: 42px; }
.common-slider-video-block .video-play-icon { width: 50px; height: 50px; font-size: 25px; }

/* header */
.navbar .navbar-collapse > * { max-width: 510px; }
/* header */

/* home page */
.banner-section .banner-description { padding: 135px 0 75px; }
.banner-section .scroll-to-section-link { padding-bottom: 25px; }
.banner-section .banner-main-image { max-width: 450px; width: 100%; margin: 0 auto 30px; }
.banner-section .banner-description .back-logo * { width: 275px; }
.banner-section .banner-design-tools ul li:before { top: 7px; }
.banner-section .banner-main-image .banner-profile-name { padding: 0 20px; bottom: 20px; }
.banner-section .banner-main-image .banner-profile-name * { max-width: 225px; }
.banner-section .banner-main-image .common-social-icons ul li a { width: 55px; height: 55px; }
.banner-section .banner-main-image .common-social-icons ul li a * { max-width: 28px; }
.banner-section .main-title span { font-size: 22px; letter-spacing: 2px; margin-top: 20px; }
.banner-section .banner-design-tools { margin-top: 20px; }
.banner-section .main-title img { margin-left: 15px; }
.projects-section .projects-content:before { left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
.projects-block { margin-bottom: 20px; }
.projects-block,
.projects-block * {  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.about-me-section { padding: 50px 0 20px; }
.about-me-section .about-me-detail { margin-top: 35px; }
.about-me-block { padding: 30px 20px; margin-bottom: 30px; height: auto; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.about-me-block .block-title { margin-bottom: 20px; }
.about-experience-block .title { letter-spacing: 1.25px; }
.about-me-block .detail p { margin-bottom: 15px; }
.about-me-block.ux-ui-block .about-icon { width: 65px; top: -35px; right: 15px; }
.about-me-block.graphic-design-block .about-icon { width: 100px; bottom: -35px; right: -10px; }
.about-experience-block { margin-top: 20px; }
.about-experience-block .detail { font-size: 20px; }
.projects-section .projects-content { padding: 100px 0; }
.projects-section .projects-content:before { width: 200px; height: 100px; top: 0; }
.projects-list > .row { margin: 0 -10px; }
.projects-list > .row > * { padding: 0 10px; }
.projects-section .projects-content .projects-list:nth-child(even) { margin-left: 0; }
.projects-section .projects-content:after { right: auto; left: 50%; bottom: 10px; width: 235px; height: 100px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
.excited-learn-things-section .container { margin-left: auto; }
.excited-learn-things-section .excited-learn-block { margin-bottom: 30px; }
.excited-learn-things-section .excited-learn-things-list > .row { margin: 0 -10px; }
.excited-learn-things-section .excited-learn-things-list > .row > * { padding: 0 10px; }
.excited-learn-things-section .excited-learn-things-detail .title { font-size: 22px; letter-spacing: 1.35px; }
.experience-section .experience-list > * { width: 50%; margin-bottom: 30px; }
.excited-learn-things-section .excited-learn-block * { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.experience-section .experience-cv-download { padding: 30px 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.excited-learn-things-section { padding-bottom: 25px; }
.experience-section { padding: 25px 0 50px; }
.experience-section .experience-block { padding-top: 20px; }
.experience-section .section-title { margin-bottom: 30px; }
.excited-learn-things-section .excited-learn-things-detail .title { margin-bottom: 20px; }
.excited-learn-things-section .excited-learn-things-detail .detail { font-size: 18px; }
.contact-section { padding: 50px 0 30px; }
.contact-section .contact-content .contact-detail { max-width: 100%; }
.contact-section .contact-form-social-block { margin-top: 20px; }
.contact-section .contact-form-social-block .contact-form-block { flex: 1 0 0; max-width: 100%; }
/* home page */

/* footer */
.footer { padding: 25px 0; }
.footer .f-content { flex-direction: column-reverse; }
.footer .f-content > * { margin-bottom: 10px; }
.footer .f-content > *:first-child { margin-bottom: 0; }
.f-navigation-block ul li { font-size: 16px; padding: 0 10px; margin-bottom: 10px; }
.contact-footer-wrapper .contact-footer-content .back-logo * { width: 275px; }
/* footer */

/* modal start */
.modal-carousel { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.modal-carousel .slick-arrow { right: -15px; bottom: -18px; }
.modal-carousel .slick-arrow.slick-prev { right: 35px; }
.modal-carousel .slick-list { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.modal-carousel .slick-slide { height: 350px; }
.common-projects-modal .projects-modal-slider { margin-bottom: 35px; }
.common-projects-modal .modal-dialog { max-width: 500px; }
.common-projects-modal .modal-content .btn-close { width: 50px; height: 50px; border-radius: 0 15px 0 30px; -webkit-border-radius: 0 15px 0 30px; -moz-border-radius: 0 15px 0 30px; -ms-border-radius: 0 15px 0 30px; -o-border-radius: 0 15px 0 30px; }
.common-projects-modal .modal-content { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.common-projects-modal .modal-content .modal-body { padding: 75px 20px 30px; }
.common-projects-modal .projects-modal-block > .row { margin: 0 -20px; }
.common-projects-modal .projects-modal-block > .row > * { padding: 0 20px; }
.projects-modal-block .projects-modal-experience-block { margin-top: 45px; }
.projects-modal-block .projects-summery-button { margin-top: 35px; }
/* modal end */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){
.common-social-icons ul li a { width: 42px; height: 42px; font-size: 22px; }
.common-social-icons ul li a * { max-width: 22px; }

/* header */
.navbar .navbar-collapse > * { max-width: 100%; }
/* header */

/* home page */
.banner-section .banner-description .back-logo * { width: 225px; }
.banner-section .banner-main-image .common-social-icons { right: -10px; top: -10px; }
.banner-section .banner-main-image .common-social-icons ul li a { width: 45px; height: 45px; font-size: 22px; }
.banner-section .banner-main-image .common-social-icons ul li a * { max-width: 22px; }
.banner-section .banner-main-image { max-width: 275px; }
.experience-section .experience-list > * { width: 100%; }
.contact-section { padding: 30px 0; }
/* home page */

/* footer */
.f-navigation-block ul li { font-size: 12px; letter-spacing: 1px; }
.f-navigation-block ul li:before { right: -2px; }
.f-copyright-block ul li { font-size: 12px; }
.contact-footer-wrapper .contact-footer-content .back-logo * { width: 225px; }
/* footer */

/* modal start */
.modal-carousel .slick-slide { height: 275px; }
/* modal end */
}
/*---------- Large Desktop , Large Screen End ----------*/