/*// Medium devices (tablets, 768px and up)*/

@media (min-width: 768px){



	.contactUs-page .form .input-name,

	.contactUs-page .form .input-phone{



		padding-left: 5px !important;

	}

	.contactUs-page .form .input-email,

	.contactUs-page .form .input-subject{



		padding-right: 5px;

	}

}



/*// Medium devices (tablets, 768px and down)*/

@media (max-width: 768px) {



	.up-nav .mail-col{



		text-align: center;

	}

	.up-nav .user-create-acc{



		text-align: center;

		font-size: 12px;

	}

	.up-nav .user-create-acc .contact-numbers{



		display: block;

		margin: 10px 0;

	}

	.up-nav .user-create-acc a.btn-login-link:after {



	    content: '';

	}

	.up-nav .user-create-acc .email{



		display: block;

		margin-bottom: 10px;

	}

	.navbar {

	  max-height: 75vh;

	  overflow-y: auto;

	}

	.testimonial .owl-carousel .item .item-group .comment{



		padding: 30px 15px;

	}

	.aboutUs-page .img-group {

	    padding: 40px!important;

	    position: relative;

	    height: 450px;

	}

	.aboutUs-page .desc{



		text-align: center;

	}

	.aboutUs-page .desc h1{



		margin-bottom: 20px;

		font-size: 30px;

	}

	.aboutUs-page .desc span{



		font-size: 18px;

	}

	.contactUs-page .email{



		border-left: transparent;

		border-right: transparent;

		border-top: 1px solid var(--gray-det);

		border-bottom: 1px solid var(--gray-det);

	}

	.contactUs-page .keep-touch {

	    text-align: center;

	    display: block;

	}

	.contactUs-page .keep-touch h4{



		text-align: center;

		margin-bottom: 25px;

	}

	.navbar .navbar-brand{



		margin: auto;

	}

	.navbar .navbar-brand img {

	    width: 150px!important;

	    text-align: center;

	    margin: auto;

	}

	.profile-page .tab-content .tabs-status .nav-pills{



		display: block;

	}

	.profile-page .tab-content .tabs-status .nav-pills .nav-link{



		width: 75%;

		margin: 15px auto;

		text-align: center;

	}

	.profile-page .tab-content .setting-group .edit-form{



		border-bottom: 1px solid #bbbbbb77;

		padding-bottom: 15px;

	}

	.profile-page .tab-content .setting-group .edit-form:after{



		display: none;

	}

	.profile-page .tab-content .setting-group .edit-form .save-btn, .profile-page .tab-content .setting-group .password-form .save-btn{



		text-align: center;

	}

	.profile-page .tab-content .setting-group .sec-title{



		padding-top: 15px;

		text-align: center;

	}

	.courses .item,.recipes .item, .choose-us .item, .madeit-page .madeit-group .madeit-item, .special-page .special-item-group{



		max-width: 340px;

		margin-left: auto;

		margin-right: auto;

	}

	.madeIt .owl-carousel .owl-item{



		padding: 0 60px;

		margin: 0;

	}

	.aboutUs-page .img-group{



		max-width: 400px;

		margin: auto;

	}

	.login-modal{



		overflow-y: scroll;

		padding: 20px 0;

	}

	.login-modal .modal-content{



		width: 300px;

		font-size: 14px;

	}

	.srch-modal .srch-content .srch-form{



		width: 300px;

		font-size: 14px;

	}

	.login-modal .modal-content .login-form .filed input.email, .login-modal .modal-content .login-form .filed input.password{



		font-size: 14px;

	}

	.login-modal .modal-content .login-form .forget-link{



		margin-top: 2px;

	}

	.signup-modal{



		overflow-y: scroll;

		padding: 20px 0;

	}

	.signup-modal .modal-content{



		width: 300px;

		font-size: 14px;

		margin: 40px 0;

	}

	.signup-modal .modal-content .signup-form .social-signup img{



		width: 30px;

	}

	.modal-password .modal-content{



		width: 300px;

		font-size: 14px;

	}

	.special-post-page .side-bar, .madeit-post-page .side-bar {



	    margin-top: 30px;

	}

	.messages-page .msg-chat{



		margin-top: 30px;

	}

	.footer .social i{



		font-size: 20px;

	}

	.recipes .showAll{



		text-align: center;

	}

	.cart-page .cart-page-group .cart-item .copun{



		text-align: center;
		margin-top: 15px;
		font-size: 14px;

	}

	.cart-page .cart-page-group .cart-item .cart-course .desc .course-title{

		font-size: 16px;
	}

	.footer .sec-links, .footer .sec-contact{

		padding-top: 20px;
	}

	.footer .sec-desc .payments{

		font-size: 16px;
		padding-top: 15px;
		text-align: center;
	}

	.header-carousel .carousel-inner .carousel-item .carousel-caption .info{

		text-align: center;
	}

	.up-nav{

		padding-top: 5px;
	}

	.choose-us .item{

		margin-top: 20px;
	}

	.messages-page .msg-side .msg-side-item{

		max-height: 300px;

	}

	.messages-page .msg-chat .msg-chat-footer .chat-footer .btn-send {

	    padding: 12px 14px;
	    font-size: 14px;
	}

	.messages-page .msg-chat .msg-chat-footer .chat-footer .btns-files .send-img-link{

		font-size: 14px;
	}

	.comments-write .write .comment-form textarea{

		max-height: 100px;
		font-size: 15px;
	}

	.comment-form .btn-sec .btn-send{

		padding: 12px 17px !important;
		font-size: 15px;
	}

	.copyright{

		font-size: 12px;
		padding-bottom: 45px;
	}

	.question-page .card .btn-link{

		font-size: 13px;
	}

	.question-page .card{

		font-size: 14px;
	}

	.navbar .navbar-nav .nav-link{

 		margin: 7px 0px 0px 0px !important;
 	}

 	.navbar-expand-lg .navbar-nav .dropdown-menu{

 		margin: 10px 0px;
 	}

 	.navbar-expand-lg .navbar-nav .more{

 		margin-right: 0px ;
 		padding-right: 0px;
 	}

 	.navbar .navbar-nav .nav-item.more .nav-link{

 		background: var(--site-color);
		color: var(--back-white);
		border-radius: 3px;
		box-shadow: 0px 2px 3px 0px #707070;
		text-align: center;
 	}

 	.navbar .navbar-nav .nav-item.more .nav-link i{

		color: var(--back-white);
	}

	.product-page .content-section .videos-group .video-item{

		display: block;
		padding: 25px 0px;
	}

	.product-page .content-section .videos-group .video-item-img{

		margin: auto;
	}

	.product-page .content-section .videos-group .video-item-desc{

		text-align: center;
	}

	.product-page .product-group .already-buy .date-use{

		display: block;
	}

	.video-page .side-content .video-item{

		display: block;
		padding: 25px 0px;
	}

	.video-page .side-content .video-item .img{

		margin: auto;
		width: 80%;
		height: 300px;
	}
	.video-page .side-content .video-item:hover .img:before{

		top: 44%;
		right: 42%;
	}
	.video-page .side-content .video-item .desc{

		text-align: center;
    	width: 100%;
    	margin-right: 0;
    	margin-top: 15px;
	}
	.video-page .side-content .video-item .desc .video-title{

		font-size: 17px;
    	font-weight: bold;
    	background: var(--site-color);
	    color: var(--back-white)!important;
	    padding: 13px 5px;
	    margin: 22px;
	    border-radius: 4px;
	}
	.video-page .side-content .video-item:hover .desc .video-title{

		color: var(--back-white);
	}
	.video-page .side-content .video-item .desc{

		font-weight: bold;
	}
	.product-page .content-section .videos-group .video-item-img{

		margin: auto;
		width: 80%;
		height: 300px;
	}
	.product-page .content-section .videos-group .video-item:hover .video-item-img:before{

	    top: 44%;
	    right: 41%;
	}
	.product-page .content-section .videos-group .video-item-desc{

		margin-top: 20px;
	}
	.product-page .content-section .videos-group .video-item-desc .video-item-title{

		font-size: 17px;
    	font-weight: bold;
    	background: var(--site-color);
	    color: var(--back-white);
	    padding: 13px 5px;
	    margin: 22px;
	    border-radius: 4px;
	}
	.product-page .content-section .videos-group .video-item:hover .video-item-desc .video-item-title{

		color: var(--back-white);
	}
	.product-page .content-section .videos-group .video-item-desc{

		font-weight: bold;
	}
	.up-nav .user-create-acc a.btn-login-link{

		margin-right: 0px;
	}

	.proces-page .buy-table .c-name{

		border-color: transparent;
	}

	.proces-page .buy-table .table-row .table-cell.modal-btn{

		width: 100%;
	}

	.proces-page .buy-table{

		border-top: transparent;
	}

	.proces-page .buy-table .table-row{

		padding: 15px 0px;
	}

	.proces-page .buy-table .det-modal .table-row{

		padding: 0px;
	}



	/*title padding start*/

		.courses-online-page .courses-online-title-row,
		.courses-practical-page .courses-practical-title-row,
		.recipes-page .recipes-title-row,
		.contactUs-page .contactUs-title-row,
		.aboutUs-page .aboutUs-title-row,
		.question-page .question-title-row,
		.privacy-page .privacy-title-row,
		.profile-page .profile-title-row,
		.profile-page .profile-title-row,
		.product-page .product-title-row,
		.video-page .video-title-row,
		.course-buy-page .course-buy-title-row,
		.messages-page .messages-title-row,
		.special-page .special-title-row,
		.special-post-page .special-post-title-row,
		.madeit-post-page .madeit-post-title-row,
		.terms-page .terms-title-row,
		.cart-page .cart-title-row,
		.madeit-page .madeit-title-row,
		.rating-page .rating-title-row,
		.links-page .links-title-row,
		.reset-password-page .reset-password-title-row,
		.notify-page .notify-title-row,
		.search-page .search-title-row{

			padding: calc(var(--secPadding));

		}

	/*title padding end*/

}



@media (max-width: 1201px ) and (min-width: 992px){



	.navbar .navbar-nav .nav-link{



		font-size: 14px;
	    padding: 11px 6px;

	}

	.navbar .navbar-brand img{



		width: 80%!important;

	}

}

/*// Large devices (desktops, 992px and down)*/

@media (max-width: 992px) {



	.navbar-light .navbar-toggler{



		outline: none;

		padding: 5px 10px;

		font-size: 14px;

	}

	.up-nav .user-create-acc .contact-numbers i,.up-nav i.email-nav{



		display: none;

	}

	.navbar .navbar-brand img{



		width: 50%;

	}

	.navbar .navbar-nav .nav-item:last-child .nav-link:before{



		display: none;

	}

	.icons-mob-li{



		padding: 10px 0;

		padding-top: 15px;

		margin-top: 10px;

		border-bottom: 1px solid var(--gray-det);

	}

	.btn-rate-modal{



		bottom: 35px;

	}

	.title-group .pages-title-merg{



		font-size: 30px;

	}

	.navbar .navbar-nav .nav-link {

	    padding: 11px 6px;

	}



	.icons-mob-li .icons-mob .cart .dropdown-menu, .icons-mob-li .icons-mob .notification .dropdown-menu{



		width: 320px;

	    max-height: 300px;

	    min-height: 50px;

	    overflow-y: scroll;

	    border-radius: 0px;

	    position: absolute;

	    left: -250%;

	}

	.aboutUs-page .img-group {

	    padding: 50px!important;

	    position: relative;

	    height: 400px;

	}

	.messages-page .msg-chat .msg-chat-body .chat-body .msg-come .message {



    	width: calc(100% - 75px);

    }

    .messages-page .msg-chat .msg-chat-body .chat-body .msg-sent .message {



    	width: calc(100% - 75px);

    }

    .navbar-expand-lg .navbar-nav .more-links:before {



	    display: none;

	}

	.navbar-expand-lg .navbar-nav .more:before{



		display: none;

	}



}



/*// Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {



	.navbar-expand-lg .navbar-nav .login .dropdown-toggle::after,

	.navbar-expand-lg .navbar-nav .more .dropdown-toggle::after,

	.navbar-expand-lg .navbar-nav .more-links .dropdown-toggle::after,

	.navbar-expand-lg .navbar-nav .course .dropdown-toggle::after,

	.navbar-expand-lg .navbar-nav .notification .dropdown-toggle::after,

	.navbar-expand-lg .navbar-nav .cart .dropdown-toggle::after,

	.navbar-expand-lg .navbar-nav .message .dropdown-toggle::after {

	    display: none;

	    margin-right: 0;

	    vertical-align: .;

	    content: "";

	    border: none;

	}

}



/*// Extra large devices (large desktops, 360px and up)*/

@media (min-width: 360px) {

	.product-page .side-group .det-item{

		font-size: 15px;
		font-weight: bold;
	}
	.product-page .product-group .title-course {
	    
	    font-size: 22px;
	    font-weight: bold;
	}
	.product-page .side-group .det-item input.buy-course{

		font-size: 20px;
		font-weight: bold;
	}
}

/*// Small devices (landscape phones, 576px and down)*/

@media (max-width: 576px) {



	.testimonial .owl-carousel .item{



		min-width: 300px;

		max-width: 330px;

	}

	.madeIt .item{



		width: 300px;

		margin-right: auto;

		margin-left: auto;

	}

	.video-page .video-wtch .video-frame{

		height: 240px;
	}

	.product-page .product-group .video-group,

	.product-page .product-group .img-group{

		height: 260px;
	}

	.comments-write .write .comment-form textarea{

		max-height: 75px;
		font-size: 14px;
	}

	.comment-form .btn-sec .btn-send{

		padding: 10px 15px !important;
		font-size: 14px;
	}

	.links-page .main-title-group h4{

		font-size: 16px;
	}

	.video-page .side-content .video-item .img{

		margin: auto;
		width: 80%;
		height: 200px;
	}
	.product-page .content-section .videos-group .video-item-img{

		margin: auto;
		width: 80%;
		height: 200px;
	}

}