/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		.nav-tabs > li > a {padding: 12px 27px;}
    }
@media screen and (max-width:991px){
.ck-bg {
    bottom: 40px;
	padding:0 10px;
	width:calc(100% - 20px);
}
	div.ck-bg p span {
    display: contents;
}
}
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.nav-tabs > li > a {padding: 12px 27px;}
		.owl-nav .owl-prev img, .owl-nav .owl-next img {width:30px;}
		.owl-theme .owl-nav{ top: 33%;}
		.owl-theme .owl-dots .owl-dot span {width: 5px; height: 6px; margin: 5px 3px;}
		 header {  padding: 17px 0;}
		.header-right{text-align:center; }
		.header-left{text-align:center; margin-bottom:10px; }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.menu_icon{display:block;}
		.menu_name{display:none;}
			.header-right{text-align:center; }
		.header-left{text-align:center; margin-bottom:10px; }
		.nav-tabs > li > a {padding:12px 10px;}
		.nav-tabs li.active a { padding:15px 10px;}
		.nav-tabs li.active a {margin-top: -7px;}
		.owl-nav .owl-prev img, .owl-nav .owl-next img {width:25px;}
		.owl-theme .owl-nav{ top: 33%;}
		.owl-theme .owl-dots .owl-dot span {width: 5px; height: 6px; margin: 5px 3px;}
		 header {  padding: 25px 0;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.menu_icon{display:block;}
		.menu_name{display:none;}
		.nav-tabs > li > a {padding:12px 10px;}
		.nav-tabs li.active a { padding:15px 10px;}
		.nav-tabs li.active a {margin-top: -7px;}
		.tab-content {padding:10px;}
		.header-right{text-align:center; }
		.header-left{text-align:center; margin-bottom:10px; }
		.owl-nav .owl-prev img, .owl-nav .owl-next img {width:20px;}
		.owl-theme .owl-nav{ top: 33%;}
		.owl-theme .owl-dots .owl-dot span {width: 5px; height: 6px; margin: 5px 3px;}
		 header {  padding: 17px 0;}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
		.menu_icon{display:block;}
		.menu_name{display:none;}
		.nav-tabs > li > a {padding:12px 10px;}
		.nav-tabs li.active a { padding:15px 10px;}
		.nav-tabs li.active a {margin-top: -7px;}
		.tab-content {padding:10px;}
  		 header {  padding: 17px 0;}
		.header-right{text-align:center; }
		.header-left{text-align:center; margin-bottom:10px; }
		.owl-nav .owl-prev img, .owl-nav .owl-next img {width:20px;}
		.owl-theme .owl-nav{ top: 25%;}
		.owl-theme .owl-dots .owl-dot span {width: 5px; height: 6px; margin: 5px 3px;}
    }