/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen and (min-width: 960px) and (max-width: 1200px)
{

header {padding-top: 20px; height: 123px;}
.responsive_nav {display: inline-block; margin-bottom: -15px; width: 100%;}
.responsive_nav > li {position: relative; float: left; background: url("../images/border.png") no-repeat; background-position: right 42%; padding-right: 1px;}
.responsive_nav li a {background-color:#fff; color:#000; position: relative; z-index: 9999; display: block; padding: 30px 30px 50px; font: 16px 'Arimo', arial, 'sans-serif';; color: #20272f; -webkit-transition: all .5s;  -moz-transition: all .5s;  -ms-transition: all .5s; -o-transition: all .5s;  transition: all .5s;}
.responsive_nav li a:hover {background-color:#ed5565; color: #ffffff;}
.responsive_nav li > span {width: 100%; height: 100%; background: #ed5565; display: none; position: absolute; top: 0px; left: 0px;}
.responsive_nav li > a.active { background-color: #ed5565; color: #ffffff;}
.responsive_nav li:last-child { background: none;}

.responsive_nav li ul {width: 170px; display: none; position: absolute; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.responsive_nav li ul li a {padding: 10px 10px 10px;}
.responsive_nav li:hover > ul {display:block;}
.responsive_nav li ul li {position:relative;}
.responsive_nav li ul li ul {right:-170px; top:0px;}

/*
    .nav > ul > li > a {padding: 30px 20px 50px; margin-top:100px; padding-top:100px; }
    .comments ul li .comnt_detail { width: 84%;}
    .comments ul li.children .comnt_detail {  width: 81%; }
    .comment_form textarea {width: 64.3%;}
    .services_section ul > li small { font-size: 13px;}
    .services_section ul > li strong span { font-size: 13px;}
    .services_wrap .service .bg { background-size: contain}
    .services_wrap .service .bg {height: 209px; line-height: 209px;}
    .clients ul li { margin-right: 17px;}
    .footer_bottom .widget input[type='text'] {width: 68%;}
    .blog_sec .detail {  width: 71%;}
    .contact_fm textarea { width: 67%;}
    .adress_wrap li { padding-right: 60px; margin-right: 60px; margin-bottom: 50px;} */
}


/****************************************************************************
(768)
****************************************************************************/
@media only screen and ( min-width: 768px ) and ( max-width: 959px )
{

header {padding-top: 20px; height: 350px;}
.responsive_nav { float: right; width: 83%; display: inline-block; }
.responsive_nav { width: 100%; text-align: left; }
.responsive_nav li { position: relative; background: url("../images/responsive-errow.png") 96% center no-repeat; }
.responsive_nav li a {padding: 10px 0px 10px 10px; display: block; font: 12px 'Arimo', arial, 'sans-serif' ; color: #000;}
.responsive_nav li a:hover { background: #ed5565; }

.responsive_nav li ul {z-index: 9999999; position: absolute; top: 39px; left: 0px; width: 100%; display:none;}
.responsive_nav li:hover > ul {display:block;}
.responsive_nav li ul li {margin-left: 0px; background: #F2F2F2; width: 97%;}

/*
	
    header {height: 76px; position: relative; margin-top:100px; }
	.logo { width: 250px;margin-left: 5px;}
    .nav > ul  {display: none;}
	.head{display:inline-block}
	.head{display:none}
	.image_nav{
        display: inline-block;
        position: absolute;
		width: 377px;
        left: 50%;
        bottom: 30px;
       }
    .responsive_nav {
        display: inline-block;
        position: absolute;
		width: 377px;
        left: 50%;
		top:30px;
        bottom: 30px;
        margin-left: -162px;}
    .responsive_nav { display: inline-block;}

    .caption { display: none !important;}
    .fullwidthbanner-container {  margin-bottom: 100px; top:95px; position: relative; }
    .tp-bullets.simplebullets .bullet {display: none;}

    .brands-carousel .portfolio { float: left; width: 290px;}
    .brands-carousel .jcarousel-prev { left: 10px; z-index: 99999;}
    .brands-carousel .jcarousel-next { right: 20px; z-index: 99999;}

    .index_two .tab-content li { width: 100%; margin-right: 0px; border: 0px;}
    .social_icon a { width: 29px;}

    .about_tab { margin-top: 20px;}
    .about_tab ul li {display: inline-block;}
    .about_tab ul li a {width: 93px; height: 93px;}
    .about_tab ul li a span {display: none;}

    .portfolio-nav li a { display: block;}
    .comments ul li .comnt_detail { width: 78%;}
    .comments ul li.children .comnt_detail { width: 73%;}
    .comment_form textarea { width: 62%;}
    .contact_fm textarea { width: 65%;}

    .adress_wrap li { margin-bottom: 20px;}

    .our_tasks .task h3 { font-size: 14px;}
    .testi_slider .slides .detail { width: 76%;}
    .blog_sec .detail { width: 62%;}
    .table_wrap .table .meta a { padding-left: 22px;}
    .port_crousel .brands-carousel .jcarousel-next, .port_crousel .brands-carousel .jcarousel-prev { height: 290px;}
    .footer_bottom .widget input[type='text'] { width: 50%;} */
}


/****************************************************************************
(600 X 800)
****************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 767px)
{

header {padding-top: 20px; height: 280px;}
.responsive_nav { float: right; width: 83%; display: inline-block; }
.responsive_nav { width: 100%; text-align: left; }
.responsive_nav li { position: relative; background: url("../images/responsive-errow.png") 96% center no-repeat; }
.responsive_nav li a {padding: 10px 0px 10px 10px; display: block; font: 12px 'Arimo', arial, 'sans-serif' ; color: #000;}
.responsive_nav li a:hover { background: #ed5565; }

.responsive_nav li ul {z-index: 9999999; position: absolute; top: 39px; left: 0px; width: 100%; display:none;}
.responsive_nav li:hover > ul {display:block;}
.responsive_nav li ul li {margin-left: 0px; background: #F2F2F2; width: 97%;}

   /* header { height: 126px;position: relative; margin-top:100px; }
    .logo { width: 250px;margin-left: 5px;}

    .nav {position: absolute;}
    .nav > ul  {display: none;}
	.head{display:none}
		.image_nav{
        display: inline-block;
        position: absolute;
        width: 99%;
        left: 2px;
        bottom: -46px;}
    .responsive_nav {
        display: inline-block;
        position: absolute;
        width: 99%;
        left: 2px;
		top:50px;
        bottom: -46px;}

    .services_wrap .service .bg {background-size: contain; height: 100%;}
    .responsive_nav { display: inline-block;}
    .caption { display: none !important;}
    .fullwidthbanner-container {  margin-bottom: 100px; top:95px; position: relative; }
    .tp-bullets.simplebullets .bullet {display: none;}

    .brands-carousel .portfolio { float: left; width: 290px;}
    .brands-carousel .jcarousel-prev { left: 10px; z-index: 99999;}
    .brands-carousel .jcarousel-next { right: 20px; z-index: 99999;}
    .tabs_wrap .nav-tabs  li, .services_section ul li { width: 50%;}

    .index_two .our_work .slider_about > div{ width: 90% !important; padding: 0px 20px;}
    .index_two .our_work { height: 800px;}

    .index_two .tab-content li { width: 100%; margin-right: 0px; border: 0px;}
    .index_two .tab-content li figure { margin-right: 0px;}
    .portfolio_sec .portfolio, .index_five .port_section .portfolio, .index_six .port_section .portfolio { width: 100%; margin-bottom: 20px;}

    .banner_wrap h4, .banner_wrap h5 { font-size: 15px;  padding: 15px 12px;}
    .banner_wrap h6 { background: none;}
    .home_accordion .accordion-heading a { font-size: 18px;}
    .home_accordion img, .index_four .about_detail img { margin-top: 20px;}

    .index_four .our_tasks .task { margin-bottom: 20px;}
    .skills_two > div { padding: 0 20px;}

    .skills_two { margin-bottom: 60px;}
    .skills_two ul li h3 { font-size: 21px; }
    .skills_two .bottom { display: none;}
    .skills_two ul li span { font-size: 15px; }

    #carousel_two > span img { height: 95%;}



    .port_slider .port_pager { margin-left: 37px;}
    .slides_wrap .slides h3, .slides_wrap .slides span { margin-right: 37px;}
    .blog_sec .detail { width: 74%;}
    .table_wrap .table figure img { width: 100%;}

    .port_crousel { display: none;}

    .table_slider .top { padding: 50px 20px; }
    .table_slider .tab { width: 90%; margin: 0 auto 30px; float: none; border-right: 1px solid #f0f1f0;}
    .about_detail, .team_section, .skills > div, .footer_bottom .widget,
    .portfolio-nav, #project-container, .blog_sec,  .clients, .sidebar, .section,
    .contact_fm, .adress_wrap, .our_tasks, .tabs_wrap, .services_section ul, .home_tabs, .about_detail_section ,
    .brands-carousel, .home_accordion, .port_section, .carousel_wrap, .portfolio_detail,
    .testi_slider, .table_wrap .inner_table > div, .basket_bars, .more_port, .smp  { width: 90%; margin: 0 auto 20px;}
    .services_wrap .service {width: 270px; margin: 0 auto 20px;}

    .testi_slider .slides .detail { width: 66%;}
    .index_six .port_section .overlay, .index_five .port_section .overlay { width: 100%; height: 100%;}
    .about_tab { margin-top: 20px;}
    .about_tab ul li {display: inline-block;}
    .about_tab ul li a {width: 65px; height: 65px;}
    .about_tab ul li a span {display: none;}

    article, .blog_two article, .comment_form fieldset, .contact_fm fieldset { width: 100%;}
    .portfolio, .port_three .portfolio, .blog_one .portfolio {width: 100%; text-align: center;}
    .blog_one .portfolio {min-height: 270px;}

    .comment_form textarea, .contact_fm textarea { width: 95%;}
    .adress_wrap li { margin-right: 0px; padding-right: 0px; width: 90%;border: 0px; margin-bottom: 20px;}

    .coment_headings { background: none;}
    .coment_headings h4, .coment_headings h5 { display: block; float: none; margin-bottom: 10px;}
    .comments ul li .comnt_detail, .comments ul li.children .comnt_detail { width: 61%;}
    .comments ul li.children { margin-left: 0px;}


    .about_detail img {margin-bottom: 20px;}
    .social_bar {line-height: 37px;  padding-top: 10px;}
    .social_bar, .social_bar .right, .title_bar ul { text-align: center;}
    .clients ul li { margin-right: 0px; line-height: 72px; width: 49%;}

    .team { width: 280px; margin: 0 auto 25px;}
    article a.comnt { float: none; margin-top: 13px; margin-left: 0px;}

    .portfolio-nav li a {display: block;}
    .portfolio-nav li a {font-size: 14px;}

    .title_bar {text-align: center;}
    .title_bar h2 {line-height: 50px;}
    .title_bar ul li {line-height: 45px;}

    footer p { line-height: 30px;}
    footer p, footer .right {text-align: center;}

    .footer_bottom .widget input[type='text'] { text-align:justify; width: 60%;}
    .services_wrap .service .bg { background-size: contain;}
    .services_wrap .service .overlay { height: 157px; line-height: 157px;}
*/
}


/****************************************************************************
{320 X 480} + (480 X 320)
****************************************************************************/
@media only screen and (max-width: 480px)
{
	
.responsive_nav { float: right; width: 83%; display: inline-block; }
.responsive_nav { width: 100%; text-align: left; }
.responsive_nav li { position: relative; background: url("../images/responsive-errow.png") 96% center no-repeat; }
.responsive_nav li a {padding: 10px 0px 10px 10px; display: block; font: 12px 'Arimo', arial, 'sans-serif' ; color: #000;}
.responsive_nav li a:hover { background: #ed5565; }

.responsive_nav li ul {z-index: 9999999; position: absolute; top: 39px; left: 0px; width: 100%; display:none;}
.responsive_nav li:hover > ul {display:block;}
.responsive_nav li ul li {margin-left: 0px; background: #F2F2F2; width: 97%;}

  /*  header { height: 112px;position: relative; margin-bottom: 10px; margin-top:100px;}
    .logo { width: 250px;margin-left: 5px;}

    .nav {position: absolute; padding-top: 100px;}
    .nav > ul  {display: none;}
	.head{display:none}
    .fullwidthbanner-container .tp-thumbs { width: 300px !important; display: none;}
    .our_work p { width: 290px; margin: 0 auto 30px;}

    .services_wrap .service .bg {background-size: contain; height: 100%;}
	.image_nav{
	    display: inline-block;
        position: absolute;
        width: 99%;
        left: 2px;
        bottom: -32px;
	}
    .responsive_nav {
        display: inline-block;
        position: absolute;
        width: 99%;
        left: 2px;
		top:50px;
        bottom: -32px;}
    .caption { display: none !important;}
    .fullwidthbanner-container {  margin-bottom: 100px; top:95px; position: relative; }
    .tp-bullets.simplebullets .bullet {display: none;}

    .brands-carousel .portfolio { float: left; width: 290px;}
    .brands-carousel .jcarousel-prev { left: 10px; z-index: 99999;}
    .brands-carousel .jcarousel-next { right: 20px; z-index: 99999;}

    .index_two .our_work .slider_about > div{ width: 90% !important; padding: 0px 20px;}
    .index_two .our_work { height: 800px;}

    .index_two .tab-content li { width: 100%; margin-right: 0px; border: 0px;}
    .index_two .tab-content li figure { margin-right: 0px;}
    .portfolio_sec .portfolio, .index_five .port_section .portfolio, .index_six .port_section .portfolio { width: 100%; margin-bottom: 20px;}

    .banner_wrap h4, .banner_wrap h5 { font-size: 15px;  padding: 15px 12px;}
    .banner_wrap h6 { background: none;}
    .home_accordion .accordion-heading a { font-size: 18px;}
    .home_accordion img, .index_four .about_detail img { margin-top: 20px;}

    .index_four .our_tasks .task { margin-bottom: 20px;}
    .skills_two > div { padding: 0 20px;}

    .skills_two { margin-bottom: 60px;}
    .skills_two ul li h3 { font-size: 21px; }
    .skills_two .bottom { display: none;}
    .skills_two ul li span { font-size: 15px; }

    #carousel_two > span img { height: 95%;}

    .port_slider .port_pager { margin-left: 37px;}
    .slides_wrap .slides h3, .slides_wrap .slides span { margin-right: 37px;}
    .blog_sec .detail { width: 54%;}

    .basket_bars .meta  { float: none;}
    .basket_bars .basket { height: auto; line-height: 15px;}
    .basket_bars h5  { margin-top: 20px;}
    .basket_bars meta {text-align: right; margin-right: 0px; margin-bottom: 20px;}
    .port_crousel { display: none;}

    .table_slider .top { padding: 50px 20px; }
    .table_slider .tab { width: 90%; margin: 0 auto 30px; float: none; border-right: 1px solid #f0f1f0;}
    .about_detail, .team_section, .skills > div, .footer_bottom .widget,
    .portfolio-nav, #project-container, .blog_sec,  .clients, .sidebar, .section,
    .contact_fm, .adress_wrap, .our_tasks, .tabs_wrap, .services_section ul, .home_tabs, .about_detail_section ,
    .brands-carousel, .home_accordion, .port_section, .carousel_wrap, .portfolio_detail,
    .testi_slider, .table_wrap .inner_table > div, .basket_bars, .more_port, .smp  { width: 90%; margin: 0 auto 20px;}
    .services_wrap .service { width: 84.5%; margin: 0 auto 20px;}

    .about_tab { margin-top: 20px;}
    .about_tab ul li {display: inline-block;}
    .about_tab ul li a {width: 65px; height: 65px;}
    .about_tab ul li a span {display: none;}

    article, .blog_two article, .comment_form fieldset, .contact_fm fieldset { width: 100%;}
    .portfolio, .port_three .portfolio, .blog_one .portfolio {width: 100%; text-align: center;}
    .blog_one .portfolio {min-height: 270px;}

    .comment_form textarea, .contact_fm textarea { width: 95%;}
    .adress_wrap li { margin-right: 0px; padding-right: 0px; width: 90%;border: 0px; margin-bottom: 20px;}

    .coment_headings { background: none;}
    .coment_headings h4, .coment_headings h5 { display: block; float: none; margin-bottom: 10px;}
    .comments ul li .comnt_detail, .comments ul li.children .comnt_detail { width: 61%;}
    .comments ul li.children { margin-left: 0px;}


    .about_detail img {margin-bottom: 20px;}
    .social_bar {line-height: 37px;  padding-top: 10px;}
    .social_bar, .social_bar .right, .title_bar ul { text-align: center;}
    .clients ul li { text-align: right; margin-left: 15px; margin-right: 0px; line-height: 55px; width: 35%;}

    .team { width: 280px; margin: 0 auto 25px;}
    article a.comnt { float: none; margin-top: 13px; margin-left: 0px;}

    .portfolio-nav li a {display: block;}
    .portfolio-nav li a {font-size: 14px;}

    .title_bar {text-align: center;}
    .title_bar h2 {line-height: 50px;}
    .title_bar ul li {line-height: 45px;}

    footer p { line-height: 30px;}
    footer p, footer .right {text-align: center;}
    .footer_bottom .widget input[type='submit'] {float: right;}
    .index_two .our_work > div {
        height: 90.5%;
    }

    .about_list div {width: 90%; margin: 0 auto; float: none; text-align: center;}
    .about_list div a { display: inline-block; margin: 0px 4px 15px;}

    .footer_bottom .widget input[type='text'] { text-align: justify; width: 60%;} */
}