/*RESPONSIVE MENU*/
.responsive_btn{
    display: none;
    cursor: pointer;
    text-align: center;
    width: 40px;
	height: 40px;
    float: right;
    position: relative;
    z-index: 20;
	-moz-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
    
}
.responsive_btn span{
    border-radius: 6%;
    display: block;
    height: 2px;
    width: 20px;
    position: relative;
    top: 50%;
    margin: -1px auto;
}
.responsive_btn span:before, .responsive_btn span:after{
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    display: inline;
    left: 0;
}
.responsive_btn span:before{top: -6px;}
.responsive_btn span:after{bottom: -6px;}
.responsive_btn span, .responsive_btn span:before, .responsive_btn span:after{background: #8862a9;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.responsive_btn:hover span, .responsive_btn:hover span:before, .responsive_btn:hover span:after{background: #7128ac;}

.responsive_nav{
    position: fixed;
    left: -280px;
    top: 0;
    bottom: 0;
    width: 280px;
    min-height: 100%;
    z-index: 20;
    background: #7128ac;
    padding: 15px;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
.responsive_nav ul {
    margin: 0;
    padding: 0;
	text-align: left;
}
.responsive_nav ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    list-style-type: none;
    margin: 0;
    padding: 0;
	position: relative;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}
.responsive_nav ul li:first-child{border-top: none;}
.responsive_nav ul li > a {
    display: block;
    padding: 10px 0;
    color: inherit;
    position: relative;
}
.responsive_nav ul li a:hover, .responsive_nav ul li a:focus, .responsive_nav ul li.active > a, .responsive_nav ul li.opened > a {
    color: #d5acf8;
}
.responsive_nav ul li a .fa{display: none;}
.responsive_nav .subarrow{display: block;}
.responsive_nav ul ul{margin: 0 0 0 15px; display: none;}

.bodyOverlay{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	transform: none;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
}
html.responsive, .responsive body{overflow-y: hidden;}
.responsive .wrapper{
	-webkit-transform: translate(-280px,0) !important;
	transform: translate(-280px,0) !important;
}
.responsive .bodyOverlay {opacity: 1; visibility: visible;}
.responsive .responsive_nav {left: 0;}
.responsive .responsive_btn{pointer-events: none;}
.responsive .responsive_btn span{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.responsive .responsive_btn span:after{-webkit-transform: rotate(270deg); transform: rotate(270deg); top: 0;}
.responsive .responsive_btn span:before{opacity: 0;}

/*WIDGET*/
/*.widget_block {
	display: none;
	padding: 10px 56px 10px 70px;
	//padding: 10px 50px 10px 0;
	position: relative;
	width: 100%;
	text-align: left;
	margin: 0;
}
.widget_links{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.widget_links a, .widget_links span{
	background-color: #ebc436;
	cursor: pointer;
	display: inline-block;
	height: 35px;
	width: 22%;
	text-align: center;
	color: #fff;
    font-size: 20px;
    line-height: 38px;
    vertical-align: top;
}
.widget_links .fa-envelope {
    font-size: 18px;
    vertical-align: text-top;
}
.widget_links a:hover, .widget_links span:hover, header .widget_links a[href^="mailto:"]:hover {
	background-color: #0f5595;
	color: #fff;
	opacity: 1;
}
.widget_links a.wphone {border-radius: 22px 0 0 22px;}
.widget_links a.wform {border-radius: 0 22px 22px 0;}
.widget_form {
	background: #f3f3f3 none repeat scroll 0 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	display: none;
	position: absolute;
	right: 0;
	left: auto;
	top: 100%;
	z-index: 5;
    min-width: 450px;
}
.widget_form .inner {padding: 15px;}
.widget_form form {margin-bottom: 0;}
.widget_form ul{
	list-style: none;
	padding: 0;
	margin: 0 -10px;
}
.widget_form ul li{
	margin-bottom: 10px;
	padding: 0 10px;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: none;
}
.widget_form ul li:last-child{margin-bottom: -10px;}
.widget_form ul li.lft, .widget_form ul li.rgt{width: 50%;}
.widget_form input[type="text"], .widget_form input[type="email"], .widget_form textarea {
	box-sizing: border-box;
	height: 36px;
	width: 100%;
	margin-bottom: 0;
	padding: 5px;
}
.widget_form textarea {height: 70px;}
.widget_form .btn_wr{margin-top: 30px;}
.widget_form input[type="submit"], .widget_form input[type="reset"], .widget_form button{
	height: 33px;
	line-height: 30px;
    font-size: 12px;
    min-width: inherit;
}*/


/*1360px*/
@media only screen and (max-width: 1400px) {
   header .container{width: 1300px;}
	.header_main .logo{width: 240px;}
	.nav_wrapper{margin-top: 10px; margin-bottom: 5px;}
	.nav_menu > ul{font-size: 14px;}
	.h_cntct span, .h_cntct a{font-size: 16px;}
	.header_main .header_right{padding-top: 10px;margin-top: 0px;}
	.header_main .header_right {float: none;padding-top: 15px;}	
}
/*1260px*/
@media only screen and (max-width: 1359px){
	header .container{width: 1200px;}
	.nav_menu > ul > li > a{padding: 0 3px 0;}
	.nav_wrapper{margin-top: 20px;}
	.header_main .header_right {float: none;}
    .sticky .common_banner{margin-top: 140px;}
	.nav_wrapper{-webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s;}
	
}
/*1170px*/
@media only screen and (max-width: 1359px){
    header .container, .container{width: 1100px;}
    .services .service_detail .subheading{font-size: 18px;}
    .about_img{padding-top: 36%;}
    .b_info{height: 45px;}
    .blog_box p{height: 110px;}
}
/*992px*/
@media only screen and (max-width: 1169px) {
   header .container, .container{width: 980px;}
   .sticky .nav_wrapper{margin-top: 90px;}
    .footer_top .f_cntct {width: 225px;}
    .f_map{width: 226px;}
    .service_list ul li{word-break: break-all;}
    .service_list ul li:nth-of-type(2n){width: 35%;}
    .service_list_img{left: 45%;}
    .service_section .service_section{padding-bottom: 0;}
}

/*768px*/
@media only screen and (max-width: 991px) {
	.container, header .container{width: 760px;}
    .header_main .logo{width: 190px;}
    .nav_wrapper{display: none;}
    .responsive_btn, .subarrow{display: block;}
    .about_us [class*="col-"]{width: 50%; float: left;}
    .about_us .abt_detail .btn{margin-top: 0;}
    .about_us .abt_detail p{padding-bottom: 5px;}
    .services .service_detail .subheading{font-size: 18px;}
    .service_list ul li{margin-bottom: 25px;}
    .banner_text{width: auto;}
    .banner_text p{font-size: 32px;}
    .service_list ul li{padding-left: 50px;}
    .service_list_img{left: 50%;}
    .service_list ul li:nth-of-type(2n){width: 43%;}
    /* .footer_top .col-sm-6{width: 100%; float: left;} */
    .footer_top .col-sm-3{width: 50%; float: left; margin-top: 30px;}
    .footer_top .f_cntct{width: 300px;}
    .f_map{width: 270px;}
    .about_img{padding-top: 47%;}
    .blog_list [class*="col-"]{width: 50%; float: left;}
    .b_info{height: 25px;}
    .blog_box p{height: 90px;}
    .blog_cntnt p{text-align: justify;}
    .sideleft.blogsingle .heading{font-size: 36px; margin-bottom: 15px;}

    /* ========== mkk responsive starts from here =========== */

    /* awards section starts from here */
    .awards{
        padding: 50px 0 50px;
    }
    .awards .subtitle, .memebership .subtitle {
        font: 600 26px 'Arimo',sans-serif;
        line-height: 34px;
    }
    /* footer */
    .contact-Info .f_cntct i {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .footer_top p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 35px;
        text-align: center;
    }
    .footer_top .f_logo{
        text-align: center;
    }
}

/*600px*/
@media only screen and (max-width: 767px) {
	.container, header .container{width: 100%;}
    .banner_text p{font-size: 28px; line-height: 40px;}
    .about_us [class*="col-"]{width: 100%; float: left; text-align: center;}
    .about_us .heading.l, .about_us .abt_detail p.justify{text-align: center;}
    .about_us .abt_detail{margin-bottom: 30px;}
    .service_list_img{display: none;}
    .service_list ul li:nth-of-type(2n+1), .service_list ul li:nth-of-type(2n){width: 50%; padding-left: 35px;}
    .service_list .heading_tag{width: auto;}
    .service_list ul{padding-left: 0;}
    .service_list ul li::after{width: 30px; height: 30px; background-size: 15px 12px;}
    .copyright p:first-of-type, .copyright p:last-of-type{float: none; text-align: center;}
    .service_list ul li p{height: 43px; line-height: 29px;}
    .footer_top .f_cntct{width: 280px;}
    .about_img{padding-top: 60%; float: none; margin: 0 auto 20px;}
    .mainContainer{padding-top: 10px;}
    .breadcrumb{padding-bottom: 10px;}
    .heading{font-size: 31px;}
    .about_cntnt{min-height: auto;}
    .b_info{height: 45px;}
    .blog_box p{height: 110px;}
    .sideleft.blogsingle .heading{font-size: 29px; margin-bottom: 5px;}
    #myPaypalModal .modal-content .modal-body{height: 50vh;}
}

/*480px*/
@media only screen and (max-width: 599px) {
    .container, header .container{width: 100%;}
    .banner_text p{font-size: 25px; line-height: 30px;}
    .service_list ul li:nth-of-type(2n+1), .service_list ul li:nth-of-type(2n){width: 100%; float: none;}
    .footer_top .f_cntct, .f_map{width: 100%; float: none;}
    .f_map{margin-top: 20px;}
    .about_us .abt_detail p.justify{text-align: justify;}
    .footer_top .col-sm-3{width: 100%; float: left;}
    .footer_top .col-sm-3.f_menu{text-align: center;}
    .f_menu ul li{display: inline-block; margin-right: 5px; margin-bottom: 5px;}
    .f_menu ul li a{padding-left: 10px;}
    .about_img{width: 450px;}
    .blog_list [class*="col-"]{width: 100%; float: left;}
    .b_info{height: 25px;}
    .blog_box p{height: 90px;}
    .sideleft.blogsingle .heading{line-height: 33px;}
    #secondary .widget{padding-bottom: 0;}
    .f_cntct .add, .f_cntct .ph{margin-bottom: 18px;}
    .map{height: 310px;}
}

/*358px*/
@media only screen and (max-width: 479px) {
    .header_main .logo{float: none; margin: 0 auto;}
    .header_main .header_right .h_cntct{text-align: center;}
    .banner_text{display: none;}
    .responsive_btn{top: -45px}
    .header_main .logo{width: 140px;}
    .h_cntct span, .h_cntct a{font-size: 15px;}
    .section{padding: 20px 0;}
    .heading{font-size: 30px; margin-bottom: 15px;}
    .services{margin-bottom: 0;}
    .service_list ul{margin-top: 0;}
    .about_img{width: auto;}
    .footer_top{padding: 35px 0;}
    .breadcrumb{font-size: 14px;}
    .b_info{height: 45px;}
    .blog_box p{height: 110px;}
    .sideleft.blogsingle .heading{font-size: 23px;}
    .posted span{display: inline;}
    .posted{font-size: 15px;}
    .breadcrumb{display: none;}
    .inner_container{padding: 25px 0 0;}
    span.ssba-share-text{margin-left: 0; margin-right: 5px;}
    .contact_info{padding: 15px;}
    .contact_info .f_cntct .add, .contact_info .f_cntct .ph{margin-bottom: 25px;}
    .contact_info .f_cntct{width: auto;}
}

/*320px*/
@media only screen and (max-width: 357px) {
    
}
@media only screen and (max-width: 767px) {
    /* awards section */
    .awards .row{
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    .awards [class=" col* "]{
        width: 100%;
    }
    .awards .container {
        padding-top: 30px;
    }
    .awards {
        padding: 25px 0 50px;
    }
    .awards .award-logo {
        gap: 60px;
    }
    .awards .subtitle, .memebership .subtitle {
        font: 600 24px 'Arimo',sans-serif;
    }
    /* memebership section */
    .memebership .row{
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    .memebership [class=" col* "]{
        width: 100%;
    }
    .memebership .membership_list {
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }
    .memebership {
        padding: 25px 0;
    }
    .memebership .membership_list .image-box {
        width: 46%;
    }
    /* footer */
    .contact-Info h3 {
        text-align: center;
        margin: 0 0 22px;
    }
    .contact-Info {
        padding: 0;
    }
    .f_cntct span {
        padding-left: 7px;
    }
    /* workshop  */
    .workshop_list .sk_box .listInfo .title {
        margin: 20px 0 5px;
        font: 700 16px 'Arimo',sans-serif;
        line-height: 22px;
        height: 100%;
    }
    .workshop_list .sk_box .listInfo .shortDesc {
        font: 400 12px 'Arimo',sans-serif;
        line-height: 16px;
    }
    .service_details_section {
        padding: 30px 0;
    }
    .service_details_section h2 {
        font: 600 24px 'Arimo',sans-serif;
        line-height: 30px;
    }
    .paypalForm a {
        font: 500 16px 'Arimo',sans-serif;
        line-height: 45px;
        padding: 0 30px;
    }
    #myPaypalModal .modal-dialog {
        width: auto;
    }
    #myPaypalModal .modal-content .modal-header h4 {
        font-size: 20px;
    }
    .form-group {
        margin-bottom: 10px;
    }
    #myPaypalModal .modal-content .form-group input[type="text"] {
        height: 50px;
    }
}